Skip to main content

Toggle

Displays our custom toggle input implementation.

Props​

NameTypeRequiredDefaultDescription

Example​

Controlled toggle​

Result
Loading...
Live Editor
function ExampleControlledToggle() {
    const [ checked, setChecked ] = React.useState(false);
    return (
        <Toggle
            id="toggle-001"
            checked={checked}
            onChange={() => setChecked(!checked)}
        />
    );
}

Uncontrolled toggle​

Result
Loading...
Live Editor
<Toggle id="toggle-002" />