Displays a boolean value.
Components of different sizes.
Toggle.Props
Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
checked | checked or not | boolean | - | - |
initialChecked | checked or not on initial | boolean | - | false |
onChange | change event handler | ToggleEvent | - | - |
size | input size | NormalSizes | 'mini', 'small', 'medium', 'large' | medium |
disabled | disable toggle | boolean | - | false |
... | native props | LabelHTMLAttributes | 'from', 'name', 'className', ... | - |
ToggleEvent
interface ToggleEventTarget {
checked: boolean
}
export interface ToggleEvent {
target: ToggleEventTarget
stopPropagation: () => void
preventDefault: () => void
nativeEvent: React.ChangeEvent
}