Form Components
toggle-switch
Overview
The toggle-switch
component is a UI component that allows users to toggle a switch.
This component is used in the scheduling form to input toggle switch type inputs.
Use it as a replacement for checkboxes when you want to present a switch in the UI.
Version | 1.1.0 |
Install (React) | npm install @nylas/react |
Import (React) | import { ToggleSwitch } from '@nylas/react'; |
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
checked | checked | The default value of the toggle switch. This is the value that is displayed when the toggle switch is rendered. | boolean | false |
label | label | The label of the toggle switch. This is displayed next to the toggle switch. | string | '' |
name | name | The name of the toggle switch. This is used to identify the toggle switch when submitting a form. | string | 'toggle-switch' |
Events
Event | Description | Type |
---|---|---|
nylasFormSwitchToggled | This event is fired when the toggle switch is toggled. | CustomEvent<{ checked: boolean; name: string; label: string; }> |
Shadow Parts
Part | Description |
---|---|
"ts_input" | The input of the toggle switch |
"ts_label" | The label of the toggle switch |
"ts_slider" | The slider of the toggle switch |
Graph
Built with StencilJS