Tile UISolid
Source code

Tile UI · SolidJS

CSR · SSR · SSG

Separator

A horizontal or vertical divider for SolidJS layouts.

Server-rendered component markup
Hydrated Solid interactions
import { Separator } from '@tile-ui/solid';

export default function SeparatorDemo() {
	return (
		<div class="component-preview__stack separator-demo">
			<span>Server-rendered component markup</span>

Use Separator to divide SolidJS sections without extra structural markup.

Registry install

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

Package usage

import { Separator } from '@tile-ui/solid';

<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 —