Tile UI React
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/react';

export default function SeparatorDemo() {
	return (
		<div className="component-preview__stack">
			<div>

Registry install

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

Package usage

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

Highlights

  • Horizontal and vertical orientation
  • Decorative mode for accessibility

Registry dependencies

ItemPurpose
separatorComponent source and module styles
coreFramework-agnostic logic helpers
stylesShared SCSS tokens and globals

API reference

Separator

PropTypeDefault
orientation'horizontal' | 'vertical'—
decorativeboolean—
PreviousSelectNextSheet