Live specimen
Lifted from the approved family page at build time; interact with it.
Density
Two settings only. Compact hides second lines (handle, other currencies); nothing else moves.
Comfortable44px rows, thumbnail, handle and every currency
| Product | Status | Recommended price | Updated | |
|---|---|---|---|---|
 Navy birdseye two-piece suitnavy-birdseye-two-piece | Available | £1,150€1,320$1,450 | 2 Oct | |
| Charcoal herringbone jacketcharcoal-herringbone-jacket | Available | £780€895$985 | 29 Sep | |
| Navy chalk-stripe three-piecenavy-chalk-stripe-three-piece | Available | £1,390€1,595$1,750 | 24 Sep |
Compact36px rows, one line per cell
| Product | Status | Recommended price | Updated | |
|---|---|---|---|---|
| Navy birdseye two-piece suitnavy-birdseye-two-piece | Available | £1,150€1,320$1,450 | 2 Oct | |
| Charcoal herringbone jacketcharcoal-herringbone-jacket | Available | £780€895$985 | 29 Sep | |
| Navy chalk-stripe three-piecenavy-chalk-stripe-three-piece | Available | £1,390€1,595$1,750 | 24 Sep |
Uses
shadcn ToggleGroupdata-density--row--row-compact--motion-sheet-in from families/data-table/#density