SettingsRow
Icon, label, then value/chevron or a control.
Audio
Music
Volume
<SettingsRow variant="control" icon="♪" label="Music" control={<Toggle aria-label="Music" checked={music} onChange={changeMusic} />} />
<SettingsRow variant="action" icon="🌐︎" label="Language" caption="English" onPress={openLanguage} />A discriminated row whose root is static, a native button, a link, or a non-interactive wrapper around a control. The API prevents nested interactive elements.