Beta
Card List
Vertical list of horizontal project cards with media, copy, and a shared details modal.
Card List
Vertical list of horizontal project cards with media, copy, and a shared details modal.
When to use it
Use this instead of the grid when each item needs a sentence of explanation, not just a title. The horizontal layout gives copy somewhere to live without shrinking the media to a thumbnail.
Install
Adds Card List and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/card-list.jsonProps · CardList
| Prop | Type | Default |
|---|---|---|
| cards | CardData[] | — |
Generated from the component source. Run npm run props:extract after changing a signature.