The interactive inputs: Button, Input, Checkbox/Toggle, Select, and the single-choice Segmented strip. Each follows the same controlled/uncontrolled model and takes its look from the active skin.
The interactive inputs: Button, Input, Checkbox/Toggle, Select, and the
single-choice Segmented strip. Each follows the same
controlled/uncontrolled model and takes its look from
the active skin.
Pages
Button— The three style axes — color, variant, size — are independent. color and size come from the shared vocabulary; variant is ButtonVariant (Solid/Outline/Dash/Soft/Ghost/Link). The disabled state is reflected both as…
Input— A single-line text field that’s controlled when you pass value = Some(...) (your app owns the text and is notified through onChange) or uncontrolled when you don’t (salle holds it…
Checkbox & Toggle— Both share the Input‘s controlled/uncontrolled model (checked: Option[Boolean] + defaultChecked), and both render a
Select— A single-select dropdown — built as a custom ARIA combobox (not a native
Segmented— A single-choice control rendered as one connected strip of segments — the “sort by” or grid-vs-list switch you reach for instead of a Select when there are only a handful…