SwitchUnstyled API

Documentação da API para o componente React SwitchUnstyled . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import SwitchUnstyled from '@mui/base/SwitchUnstyled';
// ou
import { SwitchUnstyled } from '@mui/base';

The foundation for building custom-styled switches.

Propriedades do componente nativo também estão disponíveis.

Nome	Tipo	Padrão	Descrição
checked	bool	false	If `true`, the component is checked.
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
defaultChecked	bool	false	The default checked state. Use when the component is not controlled.
disabled	bool	false	If `true`, the component is disabled.
onChange	func		Callback fired when the state is changed. Signature: `function(event: React.ChangeEvent<HTMLInputElement>) => void` event: The event source of the callback. You can pull out the new value by accessing `event.target.value` (string). You can pull out the new checked state by accessing `event.target.checked` (boolean).
readOnly	bool	false	If `true`, the component is read only.
required	bool	false	If `true`, the `input` element is required.
slotProps	{ input?: func \| object, root?: func \| object, thumb?: func \| object, track?: func \| object }	{}
slots	{ input?: elementType, root?: elementType, thumb?: elementType, track?: elementType \| null }	{}

O ref é encaminhado para o elemento raiz.