Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    ButtonGroup

    Gathers related buttons into one row or column, spaced or joined.

    Storybook
    Storybook
    Source
    Source

    Added

    • First version: a button group with role="group" and an optional label.
    • orientation (horizontal, vertical) and attached (shared borders, logical corners).
    • In an attached group the focused button comes to the front.
    • The data-component, data-orientation and data-attached attributes.

    Changed

    • Outer corners are 10 px.
    • Focus shows as a 2 px outer focus outline with a 2 px gap (focus-outline).