Shadcn.io is not affiliated with official shadcn/ui
React Table Block Course Curriculum
Table component with course curriculum showing modules, lessons, duration and completion progress for React e-learning platforms
Build your e-learning platform on Next.js with this course curriculum table component. Features module sections with expandable lessons, lesson titles with video and quiz icons, duration times, completion checkmarks, locked content indicators, and overall progress tracking. Built with shadcn/ui Table, Badge, Progress, and Checkbox components using Tailwind CSS and Lucide icons. The structured curriculum view enables easy course navigation perfect for online courses, learning management systems, training platforms, tutorial sites, or any React app displaying educational content.
React Table Block Course Curriculum preview
Installation
Related Components
Table with Nested Rows
Nested lessons
Table with Expandable Rows
Expand modules
Table with Progress Bars
Course progress
Table with Checkbox Toggles
Mark complete
Table with File Tree
Hierarchy view
Table with Grouped Rows
Group lessons