SwitchUnstyled API

想要学习更多组件属性和 CSS API，可以查阅 React SwitchUnstyled 组件的 API 文档。

演示项目

For examples and details on the usage of this React component, visit the component demo pages:

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

The foundation for building custom-styled switches.

原生（Native）组件的属性也是可用的。

名称	类型	默认值	描述
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 }	{}

ref 则会被传递到根元素中。