Skip to content

Options

The Options element renders a group of toggles. Use checkbox type for multi-select (users may pick any number of options) or radio type for single-select (users may pick exactly one).

Properties

PropertyTypeDescription
typecheckbox / radioMulti-select vs. single-select
optionsarrayThe list of choices — same { label, key, value } structure as Select
leftlabelbooleanPosition the option label to the left of the toggle instead of the right
inlinebooleanLay options out horizontally in a single row instead of a vertical list
inlineModestretchWhen inline is enabled, distribute options evenly to fill the available width
keepColorbooleanRetain the toggle's colour when it is in the checked state
sizesm / md / lgToggle size
densebooleanCompact/tighter spacing between options

Plus shared layout properties.


See also: Elements overview

S-Launch