Tile UI Vue
Source code

Components

Separator

A horizontal or vertical divider.

Use Separator to divide sections or items without extra markup.

Above

Below

Left
Right
import { Separator } from '@tile-ui/vue';
 
export default function SeparatorDemo() {
	return (
		<div class="component-preview__stack">
			<div>

Registry install

pnpm dlx shadcn@latest add @tile-ui/separator

Package usage

import { Separator } from '@tile-ui/vue';
 
<Separator />

Highlights

  • Horizontal and vertical orientation
  • Decorative mode for accessibility

Registry dependencies

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

API reference

Separator

Prop Type Default
orientation 'horizontal' | 'vertical' —
decorative boolean —
PreviousSelectNextSheet