Toggle

Toggles represent a binary pressed or unpressed state and are especially useful in formatting toolbars and compact setting controls.

Basic Usage

A single toggle works well for compact on or off actions with a clear visual pressed state.

Variants

Use visual variants to fit the same interaction into different toolbar hierarchies.

Sizes

Size changes help the same toggle fit both dense and prominent control rows.

Pressed

Pressed examples make it clear how the control should behave when selected.

Disabled

Disabled examples show how the control should read when unavailable.

API

Slots

Name	Description
(default)	Button label or icon content

Props

Name	Description
ariaLabel	Type string | null Default null
disabled	Type boolean Default false
pressed	Type boolean Default false
size	Type PkToggleSize Default default
value	Type string
variant	Type PkToggleVariant Default default

Events

Name	Description
onChange	—
onPkPressedChange	—

CSS Parts

Name	Description	CSS selector
base	Toggle button element	::part(base)