ToggleProps

The ToggleProps object is used to render a toggle.

type ToggleProps = {
    value: boolean;
    disabled?: boolean;
    onSelected: (value: boolean) => void;
    id?: string;
    className?: string;
}

Property	Type	Description
value	`boolean`	The current state of the toggle. `true` means it’s on, `false` means it’s off.
disabled	`boolean` \| `undefined`	Determines if the toggle is disabled. If `true`, the toggle is not interactive.
onSelected	`(value: boolean) => void`	Callback function that is called when the toggle is clicked. The function receives the new state of the toggle.
id	`string` \| `undefined`	The ID for the toggle, useful for associating with a label for accessibility.
className	`string` \| `undefined`	Additional CSS class name to apply to the toggle.