fly-by Design SystemGitHub

separator

ui

Separator

fly-byデザインシステムのSeparatorコンポーネント。-orientation-horizontal/verticalをサポート。

プレビュー

Content Above

Content Below

インストール

npx shadcn@latest add "https://fly-by.design.yukyu.net/r/separator.json"

依存関係

NPM Packages

@radix-ui/react-separatorclass-variance-authority

使用例

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

// コンポーネントを使用
<Separator>
  Content
</Separator>

ファイル

registry/fly-by/ui/separator.tsxui