Composites · Application UI
Timeline rail
Vertical event/timeline rail with connectors and terminal marker.
@byronwade/foundation@byronwade/utils@byronwade/status-dot@phosphor-icons/react
Feature showcase
Installation
Features
6 examples
Default, Custom Terminal, Mixed Glyphs, Multi Group, With Icons, With Tones.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @byronwade/status-dot | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/timeline-rail.tsx |
| Default example | content/examples/timeline-rail/default.tsx |
| Custom Terminal example | content/examples/timeline-rail/custom-terminal.tsx |
| Mixed Glyphs example | content/examples/timeline-rail/mixed-glyphs.tsx |
| Multi Group example | content/examples/timeline-rail/multi-group.tsx |
| With Icons example | content/examples/timeline-rail/with-icons.tsx |
| With Tones example | content/examples/timeline-rail/with-tones.tsx |