Toggles are offered with the following property variables:
Prop | Type | Default | Notes |
---|---|---|---|
value | bool | Determines active inactive toggle state. Value props is required | |
onToggle | Function | noop | Fired on when toggle is clicked |
onClick | Function | noop | Fired on when toggle is clicked |
disabled | bool | false | Determines toggle disabled state |
size | string | large | Determines toggle size - small and large |
<div>
<Toggle value />
<Toggle
disabled
value={false}
/>
<Toggle
disabled
value
/>
</div>
<div>
<Toggle
size='small'
value
/>
<Toggle
disabled
size='small'
value={false}
/>
<Toggle
disabled
size='small'
value
/>
</div>