{/*
* _____ _
*|_ _|_ _____ _ __ | |_ _ _
* | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
* | | \ V V / __/ | | | |_| |_| | DO NOT EDIT - changes will be overwritten
* |_| \_/\_/ \___|_| |_|\__|\__, | Generated by: npx nx generate:ui twenty-docs
* |___/
*
* This file is generated from the documentation data in packages/twenty-ui/generated.
* To update it, edit the component prop types or design tokens in twenty-ui and run:
* npx nx generate:ui twenty-docs
*/}
Whether the switch is currently active.
To render an uncontrolled switch, use the `defaultChecked` prop instead.
CSS class applied to the element, or a function that
returns a class based on the component's state.
Whether the switch is initially active.
To render a controlled switch, use the `checked` prop instead.
Whether the component should ignore user interaction.
Identifies the form that owns the hidden input.
Useful when the switch is rendered outside the form.
The id of the hidden input element.
When `nativeButton` is `true`, the id is applied to the root element.
A ref to access the hidden `` element.
Identifies the field when a form is submitted.
Whether the component renders a native `
Event handler called when the switch is activated or deactivated.
Whether the user should be unable to activate or deactivate the switch.
Allows you to replace the component's HTML element
with a different tag, or compose it with another component.
Accepts a `ReactElement` or a function that returns the element to render.
Whether the user must activate the switch before submitting a form.
Visual size of the switch.
Style applied to the element, or a function that
returns a style object based on the component's state.
The value submitted with the form when the switch is off.
By default, unchecked switches do not submit any value, matching native checkbox behavior.
The value submitted with the form when the switch is on.
By default, switch submits the "on" value, matching native checkbox behavior.