ステータスバッジ
:LiTarget: 用途
「未着手・進行中・完了」などのステータスを色付きバッジで表示。
:LiSparkle: 特徴
- カラーマッピング
- サイズ可変
- アイコン対応
:LiHandPointer: 使い方
対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。
:LiAlertCircle: 注意事項
- 依存パッケージを忘れず追加
UI部品 React Component
ステータスバッジ
出典: SCALE Base
実装時間
15〜30分
難度
簡単
価格
単体¥1,500
依存パッケージ
react
ファイル
components/tasks/StatusBadge.tsx