Toggle Group
Groups of toggles. Default inherits Toggle variants, seamless mode creates a compact segmented control.
Basic Toggle Group
Single selection with default variant (tray fill, primary when active).
Seamless Style
Compact segmented control with tray container. Active item shows white capsule.
Multiple Selection
Toggle group that allows multiple selections for text formatting.
Outline Variant
Outline variant with tray fill when active.
Toggle Group Sizes
Size options matching Button/Toggle (h-7, h-8, h-10).
Small (h-7)
Default (h-8)
Large (h-10)
Inverted Context
Seamless toggle group inside a capsule on tray background.
Device Preview
Choose preview mode
Preview canvas
Disabled State
Toggle groups and individual items can be disabled.
Disabled Group
Disabled Item