Beta
Holdings Table
Fund-holdings register — a coin, tabular money columns, YTD returns in a green pill, and the fund weight trailed by a tick-comb bar.
Holdings Table
Fund-holdings register — a coin, tabular money columns, YTD returns in a green pill, and the fund weight trailed by a tick-comb bar.
When to use it
For position and allocation tables where weight is as important as value. The tick-comb bar makes relative weight scannable down the column, which right-aligned percentages alone do not.
Install
Adds Holdings Table and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/holdings-table.jsonProps · HoldingsTable
| Prop | Type | Default |
|---|---|---|
| holdings? | Holding[] | DEFAULT_HOLDINGS |
| title? | string | "Top 10 holdings" |
| maxWeight? | numberWeight that fills the whole tick comb. | 10 |
Generated from the component source. Run npm run props:extract after changing a signature.