ホーム/コンポーネント/データ表示/区切り線 Divider

Divider

コンテンツを区切る線コンポーネント。水平・垂直に対応。

import { Divider } from "@blueai/ui"

Examples

Horizontal

上のコンテンツ

下のコンテンツ

<p>上のコンテンツ</p>
<Divider />
<p>下のコンテンツ</p>

Vertical

左

右

<div className="flex items-center gap-3 h-8">
  <span>左</span>
  <Divider direction="vertical" />
  <span>右</span>
</div>

Prop	Type	Default	Description
direction	"horizontal" \| "vertical"	—	方向（デフォルト: horizontal）
className	string	—	追加CSSクラス