Actions

Button group

Joins related buttons into one compact control with shared boundaries.

@dawn/ui/components/button-group

Preview

Rendered from @dawn/ui

Usage

import { Button } from "@dawn/ui/components/button";
import { ButtonGroup } from "@dawn/ui/components/button-group";

export const AppointmentActions = () => (
  <ButtonGroup>
    <Button>Confirm</Button>
    <Button size="icon" aria-label="More actions">…</Button>
  </ButtonGroup>
);

API

roleARIA role: Defaults to group and can be overridden when needed.
classNamestring: Extends the group layout and boundary treatment.

Exports

ButtonGroup