Components · Page Sections
TradingValue
Value proposition — large ₹10/order pricing display.
₹10/ order
Trade at India's Lowest Brokerage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
amount | string | ₹10 | Headline price. |
caption | string | — | Supporting line. |
theme | light | dark | light | Color scheme. |
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.