Selection controls
Selection control components allow a user to select options. These components must be used with the v-model
prop as they do not maintain their own state.
API
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
コンポーネントに色を設定します。この色は、定義されている色の名前(例えばsuccess
やpurple
)や、CSSの色指定(#033
やrgba(255, 0, 0, 0.5)
)を設定できます。
Components.SelectionControls.
ダークテーマを適用します。
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
ライトテーマを適用します。
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Examples
Checkboxes - Boolean
Checkboxes - Array
Checkboxes - States
Checkboxes - Colors
Checkboxes can be colored by using any of the builtin colors and contextual names using the color
prop.
Checkboxes - Inline with a textfield
Radios - Default
Radio-groups are by default mandatory. This can be changed with the mandatory
prop.
Radios - Direction
Radio-groups can be presented either as a row or a column, using their respective props. The default is as a column.
Radios - Colors
Radios can be colored by using any of the builtin colors and contextual names using the color
prop.
Switches - Boolean
Switches - Array
Switches - States
Switches - Colors
Switches can be colored by using any of the builtin colors and contextual names using the color
prop.
Label slot
Selection controls' labels can be defined in label
slot - that will allow to use HTML content