ZButtonGroup

Group multiple buttons together

Example

Import

import { ZButtonGroup } from "zurto-ui";

Usage

import { ZButtonGroup, ZButton } from "zurto-ui";

function Example() {
  return (
    <ZButtonGroup>
      <ZButton>Left</ZButton>
      <ZButton>Center</ZButton>
      <ZButton>Right</ZButton>
    </ZButtonGroup>
  );
}

Props

| Prop | Type | Default | Description | | ------------- | ------------- | ----------- | --------------------------- | --------------- | | orientation | 'horizontal' | 'vertical' | 'horizontal' | Group direction | | attached | boolean | true | Remove gaps between buttons |

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management