fly-by Design SystemGitHub

badge

ui

Badge

fly-byデザインシステムのBadgeコンポーネント。-appearance-flat/solid/outlined、-color-informative/positive/negative/neutral/favorite、-size-s/m/lをサポート。

プレビュー

NewSuccessError

インストール

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

依存関係

NPM Packages

class-variance-authority

使用例

import { Badge } from "@/components/ui/badge"

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

ファイル

registry/fly-by/ui/badge.tsxui