Switch

A control that allows the user to toggle between checked and not checked.

Default

Card-style selection where Field.Label wraps the entire Field.Field for a clickable card pattern.

Add the disabled prop to the Switch component to disable the switch. Add the data-disabled prop to the Field.Field component for styling.

Add the aria-invalid prop to the Switch component to indicate an invalid state. Add the data-invalid prop to the Field.Field component for styling.

Use the size prop to change the size of the switch.