Components · Calculators
ChargeLineItem
Single label + formatted currency value.
Brokerage₹10.00
Net P&L+ ₹2,015.60
Total charges₹69.40
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Charge name. |
value | number | — | Amount. |
highlight | none | profit | loss | none | Optional P&L emphasis. |
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.