layout
Separator
コンテンツ間の区切り線。水平・垂直の向きに対応し、装飾用・セマンティック用を選択可能。
インポート
import { Separator } from '@stella-ds/react'Props
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
| orientation | 'horizontal' | 'vertical' | 'horizontal' | Divider direction |
| decorative | boolean | true | Hides from screen readers (role="none") when true |
Preview
Content above
Content below
Left
Right
使用例
Basic
<Separator />
<Separator orientation="vertical" />