dotUI

Group

A group visually groups related UI elements together.

<Group>
  <Button>Button 1</Button>
  <Button>Button 2</Button>
  <Button>Button 3</Button>
</Group>

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/group

import { Group } from "@/components/ui/group";

<Group>
  <Button>One</Button>
  <Button>Two</Button>
</Group>

A group represents a set of related UI controls, and supports interactive states for styling.

Bringing singularity to the web.

Built with passion by @mehdibha.