データとフィードバック@neumorphism-ui/separator

Separator

水平・垂直の orientation に対応し、既定では装飾要素として扱われます。意味のある section 境界には decorative=false を設定し、separator role と aria-orientation を公開できます。

@neumorphism-ui/separator

プレビュー

Neumorphism UIソースをコピーし、サーフェスを自分のものに。

npx shadcn@latest add @neumorphism-ui/separator

CLI が npm 依存関係、base token、utils、コンポーネントソースを順番に処理します。

この Registry を初めて使う場合は、先に namespace の設定を完了してください。

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

<div>
  <section>プロフィール設定</section>
  <Separator className="my-6" />
  <section>通知設定</section>
</div>

コンポーネント	プロパティ	型	デフォルト	説明
`Separator`	`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	divider の向きと size スタイルを設定します。
`Separator`	`decorative`	`boolean`	`true`	true の場合は装飾要素として隠し、false の場合は role=separator を適用します。
`Separator`	`className`	`string`	`—`	余白、長さ、minimum-height のスタイルを拡張します。