Settings
SettingsSection groups admin preferences on /settings surfaces.
Platform fixtures · fixture-only
Grouped admin sections
SettingsSection with SectionLabel header — title, description, and form children in bordered stack.
Workshop: /settings — appearance, notifications, and workspace preferences.
Fixture data only — behaviour matches production chrome
Section boundaries
Stack SettingsSection with border-b dividers — last section drops bottom border.
Avoid: Ad-hoc h2 headers without SectionLabel — breaks settings page dialect.
Fixture data only — behaviour matches production chrome
Quick preview
SettingsSection groups admin preferences with SectionLabel header.
Appearance
— Theme and density preferences
Light / dark / system — use the header theme toggle in this lab.
Notifications
— Inbox and email delivery
Approval requests, workflow failures, agent errors.