期限超過バッジ
:LiTarget: 用途
期限を過ぎたタスクを赤バッジで強調表示。経過日数も表示。
:LiSparkle: 特徴
- 経過日数自動計算
- 色強調
- ツールチップ
:LiHandPointer: 使い方
対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。
:LiAlertCircle: 注意事項
- 依存パッケージを忘れず追加
UI部品 React Component
期限超過バッジ
出典: SCALE Base
実装時間
15〜30分
難度
簡単
価格
単体¥1,500
依存パッケージ
react
ファイル
components/tasks/OverdueBadge.tsx