fb-progress

ui

Progress

fly-byデザインシステムのProgressコンポーネント。進捗バー。-size-s/m/l/xl、-color-neutral/informative/positive/negative/favoriteをサポート。

プレビュー

インストール

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

依存関係

NPM Packages

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

使用例

import { FbProgress } from "@/components/ui/fb-progress"

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

ファイル

registry/fly-by/ui/fb-progress.tsxui