Settings card with divided rows — title, description, and a trailing control per row.
SettingsSection is the canonical preferences pattern: a titled card with divided rows. Use SettingsRow for each preference.
Each row reads as title + description on the left, control on the right.
Tune workspace defaults.
<SettingsSection description="Tune workspace defaults." title="Workspace">
<SettingsRow
control={<Switch defaultChecked aria-label="Notifications" />}
description="Email me when builds finish."
title="Notifications"
/>
<SettingsRow
control={<Switch aria-label="Beta opt-in" />}
description="Try preview features before release."
title="Beta features"
/>
</SettingsSection>import { SettingsRow, SettingsSection } from "@froggdesign/enter-ui-react";The section renders as <section> with an <h3> title; each control should bring its own label or aria-label.
SettingsSection: titled <section> card.SettingsRow: title, description, and a required control slot.Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.