Installation
bash
npx axis-cli add separatorUsage
AXIS Design System
AI/LLM 애플리케이션을 위한 컴포넌트 라이브러리
Docs
Components
Agentic UI
tsx
import { Separator } from '@ax/ui'
export function Example() {
return (
<div>
<div className="space-y-1">
<h4 className="text-sm font-medium">AXIS Design System</h4>
<p className="text-sm text-muted-foreground">
AI/LLM 애플리케이션을 위한 컴포넌트 라이브러리
</p>
</div>
<Separator className="my-4" />
<div className="flex h-5 items-center space-x-4 text-sm">
<div>Docs</div>
<Separator orientation="vertical" />
<div>Components</div>
<Separator orientation="vertical" />
<div>Agentic UI</div>
</div>
</div>
)
}Orientation
Horizontal (Default)
Vertical
Item 1Item 2Item 3
Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | 구분선 방향 |
decorative | boolean | true | 장식용 여부 (접근성) |
className | string | - | 추가 CSS 클래스 |