Switch | Qasa Design System

Email notifications

Examples

To use Switch in uncontrolled mode with an initial value, use the isDefaultChecked prop.

Field label

Optionally, to use Switch in controlled mode, use the isChecked and onCheckedChanged props with your local state.

Field label

The helperText prop can be used to provide additional information about the input field below it.

Email notifications

Receive all account notifications via email.

Prop	Default	Description
`isChecked?`	-	`boolean` If `true`, the switch will be checked
`onCheckedChange?`	-	`((isChecked: boolean) => void)`
`isDefaultChecked?`	-	`boolean` The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
`isDisabled?`	-	`boolean` If `true`, the switch will be disabled and cannot be interacted with
`isRequired?`	-	`boolean` If `true`, indicates that the switch is required
`label`	-	`string` The label for the switch