Launch sale — 60% off Pro
Contact
AIBackgroundBlocksButtonsChartsComponentsHooksMCPPatternsPromptsShadcn UIShadersTextTheme
Tables

Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.

Previous: React Table Block Copy to ClipboardNext: React Table Block Crypto Portfolio
Unlock this block—Get Pro at 60% off

React Table Block Course Curriculum

Table component with course curriculum showing modules, lessons, duration and completion progress for React e-learning platforms

Looking to implement shadcn/ui blocks?

Join our Discord community for help from other developers.


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.

Course Curriculum

4 modules · 18 lessons

33% complete

6 of 18 lessons

LessonTypeDuration
Welcome to the Course
Video
5:30
Course Overview & Goals
Reading
8 min
Setting Up Your Environment
Video
12:45
Knowledge Check
Quiz
10 min
Understanding the Basics
Video
18:20
Deep Dive: Key Concepts
Reading
15 min
Hands-on PracticeContinue
Exercise
25 min
Common Patterns
Video
22:10
Module Assessment
Quiz
15 min
Completed
In Progress
Available
Locked

Installation

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

Questions you might have

React Table Block Copy to Clipboard

Table component with click-to-copy cell functionality for React admin panels and data management dashboards

React Table Block Crypto Portfolio

Table component with cryptocurrency portfolio showing holdings, prices, gains and allocation percentages for React finance dashboards