Separator

თხელი გამყოფი ხაზი, ჰორიზონტალური ან ვერტიკალური, სურვილისამებრ შუაში წარწერით. სერვერ-კომპონენტია (უბრალო div role=separator-ით).

მაგალითი

ნომრები

სტუმრები

რესტორანი

ან

@llc-conciergia/ui/separator

import { Separator } from "@llc-conciergia/ui/separator";

<Separator />
<Separator orientation="vertical" />
<Separator>ან</Separator>
<Separator decorative />

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import { Separator } from "@llc-conciergia/ui/separator";

Conciergia CLI

npx @llc-conciergia/cli add separator

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/separator.json

შენიშვნები

სტრიქონი children ხდება separator-ის accessible name. decorative — მხოლოდ ვიზუალური გამყოფი (role=none), როცა სემანტიკური საზღვარი არ არის. ვერტიკალური ხაზი მშობლის სიმაღლეზე იჭიმება (self-stretch) — მშობელს flex და სიმაღლე სჭირდება.

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
orientation	"horizontal" \| "vertical"	"horizontal"	მიმართულება და aria-orientation.
decorative	boolean	false	role=none, დამხმარე ტექნოლოგიები გამოტოვებენ.
children	ReactNode	—	წარწერა ხაზებს შორის (მხოლოდ ჰორიზონტალური).