Checkbox <ECheckbox> ​

The checkbox is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more options of a limited number of choices.

Variant ​

Use the variant prop to change the checkbox theming according to your configured variants.

Highlight ​

Set the highlight prop to override the default border color with the variant color.

Highlight is automatically set to true if the feedback prop is set. Set highlight to false to override feedback highlighting.

Labels ​

Use the label, and description props to describe your checkbox.

You can also use slots for more freedom on label content. Please see the Slots section for information on slot variables.

Block ​

By default the switch component is displayed as an inline element. By adding the block prop, the input container will span the whole container width.

Disabled ​

A disabled checkbox cannot be interacted with.

Indeterminate ​

Set the indeterminate prop to render a checkbox in an indeterminate state. This only affects the element visually and the checkbox works like usual.

Feedback ​

Use the feedback prop to add validation or other form errors to your checkbox input. The feedback prop controls the invalid attribute on the input element.

You can also use slots for more flexibility on feedback content. Please refer to the feedback slot for information.

Component Reference ​