SCALE — Build Lab
UI部品 · REACT COMPONENT

進捗付きトースト

CATEGORYUI部品 TYPEReact Component EFFORT60〜120分 DIFFICULTY
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • ファイルアップロード
  • CSV インポート
  • バッチ処理

進捗付きトースト

:LiTarget: 用途

長時間処理(ファイル変換等)の進捗を表示するトースト。

:LiSparkle: 特徴

  • 進捗バー付き
  • キャンセルボタン
  • 完了通知

:LiHandPointer: 使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

:LiAlertCircle: 注意事項

  • 依存パッケージを忘れず追加