Group related actions with optional attached button edges.
ButtonGroup gives action sets a single visual unit without changing the Button API.
Use a group for related actions with equal priority.
<ButtonGroup>
<Button variant="secondary">Cancel</Button>
<Button>Save</Button>
</ButtonGroup>import { Button, ButtonGroup } from "@froggdesign/enter-ui-react";Attached groups reduce visual gaps in dense toolbars.
ButtonGroup renders role="group". Add aria-label when the surrounding context does not name the group.
orientation: horizontal or vertical.attached removes gaps and adjusts child button borders.className.Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.