Beta
Preferences Card
Settings rows in the Ink register — an icon tile, a title over a one-line hint, and a chevron that only walks in on hover.
Preferences Card
Settings rows in the Ink register — an icon tile, a title over a one-line hint, and a chevron that only walks in on hover.
When to use it
Settings lists where each row needs a line of explanation under its label. The chevron arriving only on hover keeps a long settings page from reading as a wall of arrows.
Install
Adds Preferences Card and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/preferences-card.jsonProps · PreferencesCard
| Prop | Type | Default |
|---|---|---|
| rows? | PreferenceRow[] | DEFAULT_ROWS |
| width? | number | 340 |
| onSelect? | (title: string) => void className?: string | — |
Generated from the component source. Run npm run props:extract after changing a signature.