Preferences Card
An account settings card with rows for profile, payment method and notifications, for SaaS, banking and exchange account pages.
Preferences Card
An account settings card with rows for profile, payment method and notifications, for SaaS, banking and exchange account pages.
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.
Props · 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.