Separator

Flat divider lines for grouping content in Y2K panels and menus.

separator-demo.app

Light

Bold

Cute

Installation

terminal.sh

npx y2kui@latest add separator

import { Separator } from "@/components/ui/separator"

export function Example() {
  return <Separator variant="pink" />
}

Prop	Type	Default	Description
`variant`	'default' \| 'blue' \| 'pink' \| 'mint' \| 'lemon'	`'default'`	Line color variant.
`orientation`	'horizontal' \| 'vertical'	`'horizontal'`	Divider direction.
`decorative`	boolean	`true`	Marks the separator as decorative for assistive tech.
`className`	string	—	Additional Tailwind classes for spacing or sizing.

separator-vertical.app

Pixel

Pastel

Retro

separator-colors.app

Default ink

Blue

Pink

Mint

Lemon