Separator — Componentes

Comparación entre la versión Astro (Saastro) y React (shadcn/ui)

🚀 saastro/ui (Astro)

Radix Primitives

An open-source UI component library.

Blog

Docs

Source

⚛️ shadcn/ui (React)

Installation

pnpm dlx saastro add separator

Development (local registry):

cd apps/ui
REGISTRY_URL=http://localhost:3456/r node ../../packages/saastro/dist/index.js add separator --yes

Usage

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

<Separator />

Examples

Horizontal

<Separator />

Vertical

<div class="flex h-5 items-center space-x-4 text-sm">
  <div>Blog</div>
  <Separator orientation="vertical" />
  <div>Docs</div>
  <Separator orientation="vertical" />
  <div>Source</div>
</div>

Props

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	The orientation of the separator
`class`	`string`	-	Additional CSS classes

Accessibility

Uses role="separator" for proper semantics
Includes aria-orientation attribute
Purely decorative separators are announced as dividers by screen readers