ButtonGroup

Use ButtonGroup to attach related buttons into a single control.

import { ButtonGroup, Button } from '@tile-ui/react';

export default function ButtonGroupDemo() {
	return (
		<ButtonGroup>
			<Button variant="outline">One</Button>

Registry install

pnpm dlx shadcn@latest add @tile-ui/button-group

Package usage

import { ButtonGroup, Button } from '@tile-ui/react';
 
<ButtonGroup>
	<Button>One</Button>
	<Button>Two</Button>
	<Button>Three</Button>
</ButtonGroup>

Highlights

• Horizontal and vertical orientation
• Text and separator

Registry dependencies

API reference

ButtonGroup

ButtonGroupText

ButtonGroupSeparator

Related docs

• Button
• ToggleGroup
• InputGroup