Components / Metrics
Timeline
An event feed with a marker, title, time and detail.
@fabrials/ui
- @fixture postedA new post about Spanreed 0.8.
- @fixture deleted a post
- @fixture changed handle
- @fixture followed @someone
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { Timeline, TimelineItem } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
tone / icon | Tone / ReactNode | The marker. |
title / time | ReactNode | What happened and when. |
fresh | boolean | Highlights a live item once when it arrives. |
Behavior
Newest first. Nothing loops.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.