Components

Toggle

A button that stays pressed to represent an on state.

Usage

Basic

HTML

<bs:bsui-toggle label="Bold" defaultPressed="true" />

Formatting row

Several independent toggles, one of them pressed to begin with.

HTML

<bs:bsui-stack direction="row" gap="2">
  <bs:bsui-toggle label="Bold" />
  <bs:bsui-toggle label="Italic" defaultPressed="true" />
  <bs:bsui-toggle label="Underline" />
</bs:bsui-stack>

Full label

A toggle can carry a whole phrase, not only a formatting mark.

HTML

<bs:bsui-toggle label="Show archived projects" />

Disabled states

A locked toggle keeps whichever state it started in.

HTML

<bs:bsui-stack direction="row" gap="2">
  <bs:bsui-toggle label="Locked off" disabled="true" />
  <bs:bsui-toggle label="Locked on" defaultPressed="true" disabled="true" />
</bs:bsui-stack>

Attributes

Attribute	Type	Default
`defaultPressed`	`toggle`	`false`
`disabled`	`toggle`	`false`
`label`	`richtext`	—
`bindText`	`text`	—
`onChange`	`text`	—
`checked`	`text`	—