SCALE — Build Lab
UI部品 · REACT COMPONENT

日次タイムライン(時間軸)

CATEGORYUI部品 TYPEReact Component EFFORT120〜240分 DIFFICULTY
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • 任意のダッシュボードに組み込み

日次タイムライン(時間軸)

:LiTarget: 用途

1日24時間の時間軸でイベントを表示。Googleカレンダー日表示風。

:LiSparkle: 特徴

  • 時間軸(0-24時)
  • イベントブロック表示
  • 現在時刻ライン
  • 重複表示

:LiHandPointer: 使い方

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

:LiAlertCircle: 注意事項

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