Tile UI Vue
Source code

Components

ButtonGroup

Grouped button container.

Use ButtonGroup to attach related buttons into a single control.

import { ButtonGroup, Button } from '@tile-ui/vue';
 
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/vue';
 
<ButtonGroup>
	<Button>One</Button>
	<Button>Two</Button>
	<Button>Three</Button>
</ButtonGroup>

Highlights

  • Horizontal and vertical orientation
  • Text and separator

Registry dependencies

Item Purpose
button-group Component source and module styles
core Framework-agnostic logic helpers
styles Shared SCSS tokens and globals

API reference

ButtonGroup

Prop Type Default
orientation 'horizontal' | 'vertical' —

ButtonGroupText

Prop Type Default
asChild boolean —

ButtonGroupSeparator

Prop Type Default
orientation 'horizontal' | 'vertical' —
PreviousButtonNextCalendar