Timeline

Event timeline. Free, MIT · Data and metrics › Lists and trees

Vertical list of events; children are TimelineItems (Timeline.Item).

Installation

npx valyro-cli@latest add timeline

npx shadcn@latest add https://valyro.xyz/r/timeline.json

npm install valyro-ui

import 'valyro-ui/styles.css';
import { Timeline } from 'valyro-ui';

Compound parts

Timeline.Item (TimelineItem)

Related components

• List Block — List with images or icons, descriptions and values
• Description List — Key–value list: stacked, inline or a grid with icons
• Tree View — Tree structures
• Accordion — Collapsible sections
• Sortable — Drag-and-drop sorting
• JSON Viewer — JSON viewer
• Data Table — Tables with search and sorting
• Data Grid — Grid for 100,000 rows: grouping, filters, inline editing
• Virtual List — Virtual list for 100,000 rows
• Bulk Action Bar — Actions for selected rows, with keyboard shortcuts
• Card — All-purpose cards
• Item Card — Row card: icon, title, description and a control on the right

Previous: JSON Viewer · Next: Card · All Data and metrics