Selection Control
Selection Controls - Checkboxes - Boolean
Selection Controls - Checkboxes - Array

[ "John" ]

Selection Controls - Checkboxes - States
on
off
indeterminate
on disabled
off disabled
Selection Controls - Checkboxes - Colors

Checkboxes can be colored by using any of the builtin colors and contextual names using the color prop.

Selection Controls - Checkboxes - Inline with a textfield
Selection Controls - Radios - Default

Radio-groups are by default mandatory. This can be changed with the mandatory prop.

radio-1

Selection Controls - Radios - Direction

Radio-groups can be presented either as a row or a column, using their respective props. The default is as a column.

Selection Controls - Radios - Colors

Radios can be colored by using any of the builtin colors and contextual names using the color prop.

Selection Controls - Switches - Boolean
Selection Controls - Switches - Array

[ "john" ]

Selection Controls - Switches - States
on
off
on disabled
off disabled
on loading
off loading
Selection Controls - Switches - Colors

Switches can be colored by using any of the builtin colors and contextual names using the color prop.

Selection Controls - Switches - Flat

You can make switch render without elevation of thumb using flat property.

Selection Controls - Switches - inset

You can make switch render in inset mode.

Selection Controls - Label slot

Selection controls' labels can be defined in label slot - that will allow to use HTML content