Legend Indicator
v1.1.0A key-value indicator for legends and metrics.
Tailwind Color Mapping
Use Tailwind color classes to style the indicators.
Infrastructure Load
Active CDN Edge Requests42,105
Cold Cache File Synchronizations12,894
Dropped Legacy Router Nodes412
Raw Inline Hex Values
Pass hex or RGB values for dynamic colors.
Budget Allocation Allocation
Customer Acquisition Spends64.2%
Organic Retention Metrics28.5%
Affiliate Attribution Nodes7.3%
API Reference
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| label | string | required | The core classification header tracking parameter text output. |
| color | string | 'bg-primary' | Accepts utility compilation parameters (e.g., 'bg-sky-400') or direct hex hashes (e.g., '#00FF00'). |
| value | string | number | undefined | Optional explicit alignment string or number metric displayed floating to the right border boundary. |
| className | string | '' | Bespoke style overrides appended straight down onto the text line wrapper node element. |