Toggle Button

<sl-toggle-button> | SlToggleButton

Since 1.1.8

experimental

Toggle button allows the user to select a single option from a group.

Additional demonstrations can be found in the toggle button group examples.

Slots

Learn more about using slots.

Name	Description	Type	Default
`disabled`	Disables the toggle button.	`boolean`	`false`
`checked`	Whether the toggle button is in an active state.	`boolean`	`false`
`updateComplete`	A read-only promise that resolves when the component has finished updating.

Name	React Event	Description	Event Detail
`sl-blur`		Emitted when the toggle button loses focus.	-
`sl-focus`		Emitted when the toggle button gains focus.	-

Learn more about events.

Name	Description
`base`	The component’s base wrapper.
`content`	The toggle button’s content.
`prefix`	The container that wraps the prefix.
`suffix`	The container that wraps the suffix.