UI
← Home

Gantt

A mini Gantt chart: task bars on a shared day grid. Each bar has two slider handles — Arrow keys resize either edge (the start stops at the end and vice versa). Dragging a handle resizes; dragging the bar body moves the whole task, keeping its duration; both snap to whole days.

  • Axe
  • Focus
  • Drag
  • Cancel

Preview

Design
Build
Ship

Installation

npx shadcn@latest add https://ui.publictheta.com/r/gantt.json

Conformance

Verified against the @publictheta/ui-spec gantt specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
  • Drag — Pointer-drag surfaces don't select text or hijack touch scrolling
  • Cancel — Escape mid-drag (and pointercancel, when the OS takes the gesture) restores the value the drag started from and ends it, so the release commits nothing

See the full conformance matrix across all components.