Components · UI Primitives
Table
Header, body, footer & caption. Direction shown by ▲▼ + weight.
| Symbol | LTP | Change | Volume |
|---|---|---|---|
| NIFTY | 24,318 | 0.8% | 12.4M |
| TATAMOTORS | 982.4 | 4.2% | 8.1M |
| DIXON | 14,210 | 1.1% | 0.6M |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
<Table> | element | — | Root wrapper with overflow handling. |
<TableHeader> / <TableBody> | element | — | Section wrappers. |
<TableRow> / <TableCell> | element | — | Row and cell primitives. |
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.