Overlays

SettingsRow

One setting: label + description on the left, control on the right.

SettingsRow pairs a setting label and description with its control. Use htmlFor to associate the label with an input.

Import

TSX

import { SettingsRow } from "@solarius/onset";

SettingsRowProps props

Prop	Type	Default	Description
`label`	`ReactNode`	—	The setting's name.
`description`	`ReactNode`	—	Dim explanatory line under the label.
`htmlFor`	`string`	—	Renders the label as a <label> bound to this control id.
`stacked`	`boolean`	—	Stacks the control under the label (for wide inputs and textareas).
`children`	`ReactNode`	—	The control(s), right-aligned unless stacked.

SettingsRow