Skip to main content

Choose a version:

ButtonGroup

Displays multiple buttons in a layout.

Anchor to propertiesProperties

Anchor to accessibilityLabel accessibilityLabel string: Label for the button group that describes the content of the group for screen reader users to understand what's included.
Anchor to gap gap "base" | "none": The gap between elements.

Was this section helpful?

Anchor to slotsSlots

Anchor to primary-action primary-action HTMLElement: The primary action button for the group. Accepts a single Button element with a variant of primary. Cannot be used when gap="none".
Anchor to secondary-actions secondary-actions HTMLElement: Secondary action buttons for the group. Accepts Button elements with a variant of secondary or auto.

Was this section helpful?

Code

<s-button-group>

<s-button slot="primary-action">Save</s-button>

<s-button slot="secondary-actions">Cancel</s-button>

</s-button-group>

Preview