Components · Section Components
TickerValue
Name, LTP & % change with ▲▼ direction indicators.
NIFTY24,318.000.82%
BANKNIFTY51,204.550.34%
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | — | Symbol name. |
ltp | number | — | Last traded price. |
changePct | number | — | Percent change (sign sets direction). |
Reference API for the design concept — align names and types with your implementation.
Guidelines
- Use in the active theme; the component adapts to light and dark automatically.
- Keep the purple accent for interactive states only — never as a fill or background.
- Copy the markup from the Code tab and wire it to
base.csstokens.