// JSX
<Switch required>
<Switch.Thumb />
</Switch>
// Rendered HTML
<button type="button" role="switch" aria-checked="false" data-state="unchecked" data-required>
<span data-state="unchecked" data-required />
</button>
<input type="checkbox" aria-hidden="true" tabindex="-1" style="hide visually" required />
Anatomy
Components
Root
Rendered element:
buttonrequireddisabledautoFocusreadOnlynamecheckeddefaultCheckedonChange(event: ChangeEvent) ⇒ voidThumb
Rendered element:
spanrender(props, state) ⇒ ReactElementclassNameState Object