On this page
<Group>
<Button>Button</Button>
<Button>Another Button</Button>
</Group>Installation
npm
pnpm
yarn
bun
npx shadcn@latest add @dotui/groupUsage
import { Group } from '@/components/ui/group'<Group>
<Button>One</Button>
<Button>Two</Button>
</Group>Examples
API Reference
A group represents a set of related UI controls, and supports interactive states for styling.
| Prop | Type | Default | |
|---|---|---|---|
"horizontal" | "vertical" | 'horizontal' | ||
ReactNode | function | — | ||
boolean | — | ||
boolean | — | ||
Last updated on 6/16/2026