Skip to content

Quill docs

Switch group

A labelled group of independent on/off switches with proper role=switch semantics.

Preview#

This preview is server-rendered from the real qquill-design builder; the page ships the component CSS that builder returns, so the docs cannot drift from the crate API.

Design-system contract#

  • BUILT: group/track/label wiring comes from qquill-ui and renders correct `aria-checked`.
  • BUILT: disabled items are removed from focus and marked disabled.
  • Interactive: `.island(...)` toggles each switch in place.

Code#

Construct the component with its builder:

SwitchGroup::new("flags", vec![
    ("Audit logs".to_string(), true),
    ("Email alerts".to_string(), false),
])
.tone(Tone::Brand)
.render()