@twilio-paste/paste-reakit-fork/src/Group/README.md

Forked Reakit that addresses SSR hydration issues

---
path: /docs/group/
redirect_from:
  - /components/group/
  - /components/group/groupitem/
---

# Group

Accessible `Group` component that is used to identify a set of user interface objects. It implements the [WAI-ARIA Group Role](https://www.w3.org/TR/wai-aria-1.1/#group).

<carbon-ad></carbon-ad>

## Installation

```sh
npm install reakit
```

Learn more in [Get started](/docs/get-started/).

## Usage

```jsx
import { Group } from "reakit/Group";
import { Button } from "reakit/Button";

function Example() {
  return (
    <Group>
      <Button>Button1</Button>
      <Button>Button2</Button>
      <Button>Button3</Button>
    </Group>
  );
}
```

## Accessibility

- `Group` has role `group`.

Learn more in [Accessibility](/docs/accessibility/).

## Composition

- `Group` uses [Role](/docs/role/) and is used by [CompositeGroup](/docs/composite/) and [FormGroup](/docs/form/).

Learn more in [Composition](/docs/composition/#props-hooks).

## Props

<!-- Automatically generated -->

### `Group`

No props to show