Recipe: Settings page

Group account preferences in Cards, separate sections with Separator, and use Switch for binary flags.

Steps

Start with a single column constrained to max-w using layout tokens. Nest optional Tabs if you have multiple settings areas (profile, billing, team).

Preview

Notifications

Choose how we reach you about product updates.

settings/notifications.tsx