Separator

Visual separator line.

Radix Primitives

An open-source UI component library.

Blog

Docs

Source

Installation

npm

npx @galaxy-stack/nebula-cli@latest add separator

pnpm

pnpm dlx @galaxy-stack/nebula-cli@latest add separator

yarn

yarn dlx @galaxy-stack/nebula-cli@latest add separator

bun

bunx @galaxy-stack/nebula-cli@latest add separator

global

# If you have installed galaxy-design globally
galaxy-design add separator

API Reference

Props

Prop	Type	Default	Description	Frameworks
orientation	'horizontal' | 'vertical'	'horizontal'	Separator orientation	All
decorative	boolean	true	Whether separator is decorative only	All
asChild	boolean	false	Render as child element	React, Vue, Angular
className	string	''	CSS class names	React, React Native
class	string	''	CSS class names	Vue, Angular, Flutter

Usage

Basic Example

<Separator />
<Separator orientation="vertical" />

Accessibility

• Keyboard Navigation: [TODO]
• Screen Reader: [TODO]
• Focus Management: [TODO]
• WCAG Compliance: WCAG 2.1 Level AA compliant

Author

Bùi Trọng Hiếu (kevinbui)

• GitHub: @buikevin
• Email: kevinbui210191@gmail.com

License

MIT © 2025 Bùi Trọng Hiếu (kevinbui)