Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Timeline Events
Timeline table component with date grouping and status indicators for React activity feeds
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Track chronological events on your Next.js dashboard with this timeline table component. Features date-grouped sections with relative timestamps, color-coded event type badges, user avatars with action descriptions, expandable details on click, and smooth visual hierarchy. Built with shadcn/ui Table, Badge, and Avatar components using Tailwind CSS. The temporal organization helps users track history—perfect for audit logs, activity feeds, order histories, changelog displays, or any React app showing time-based event sequences.
Activity Timeline
12 events
| Today | |||
| Comment | SC Sarah Chen commented on Project Roadmap Q1 | 10:45 AM | |
| Upload | AK Alex Kim uploaded design-specs-v2.pdf | 09:32 AM | |
| Updated | JL Jordan Lee updated API Documentation | 09:15 AM | |
| Login | MD Morgan Davis signed in from San Francisco, CA | 08:20 AM | |
| Yesterday | |||
| Created | TS Taylor Smith created New Feature Request | 04:30 PM | |
| Invite | SC Sarah Chen invited [email protected] to the team | 02:15 PM | |
| Deleted | AK Alex Kim deleted Outdated Template | 11:45 AM | |
| Settings | JL Jordan Lee changed notification preferences | 10:00 AM | |
| January 14, 2024 | |||
| Created | MD Morgan Davis created Sprint Planning Doc | 03:20 PM | |
| Comment | TS Taylor Smith commented on Bug Report #234 | 01:45 PM | |
| Updated | SC Sarah Chen updated Team Guidelines | 11:30 AM | |
| Upload | AK Alex Kim uploaded quarterly-report.xlsx | 09:00 AM | |
Installation
Related blocks you will also like
Table with Grouped Rows
Group by categories
Table with Expandable Rows
Show event details
Table with Quick Filters
Filter by event type
Table with Virtualized Rows
Handle long histories
Searchable Filterable Data Table
Search past events
Table with Page Navigation
Paginate history