Skip to content

OcCheckbox component

Description

The OcCheckbox component represents a simple checkbox input element that can either be checked or unchecked.

Accessibility

The label is required and represents the name of the input. If label-hidden is set to true, the label will be hidden from the screen but still be available for screen readers via the aria-label attribute.

Examples

Default

The default use case needs a label and a v-model to bind the value of the checkbox.

Sizes

The checkbox can be displayed in three different sizes: small, medium, and large.

Properties

Emits

Slots