SwitchUnstyled API
想要学习更多组件属性和 CSS API，可以查阅 React SwitchUnstyled 组件的 API 文档。
导入
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 slot. Either a string to use a HTML element or a component. This is equivalent to components.Root. If both are provided, the component is used. | |
| components | { Input?: elementType, Root?: elementType, Thumb?: elementType, Track?: elementType | null } | {} | The components used for each slot inside the Switch. Either a string to use a HTML element or a component. |
| componentsProps | { input?: func | object, root?: func | object, thumb?: func | object, track?: func | object } | {} | The props used for each slot inside the Switch. |
| 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>) => voidevent: 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. |
ref 则会被传递到根元素中。