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/progress.json"

依存関係

NPM Packages

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

使用例

import { Progress } from "@/components/ui/progress"

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

ファイル

registry/fly-by/ui/progress.tsxui