Timeline
Timeline is a vertical display of content organized by time.
Beta Component
This component is still a work in progress and is subject to change. Use with caution as
breaking changes may occur.
Usage
import { Timeline } from 'stwui';
import type { TimelineItem } from 'stwui/types/timeline-item';
// OR
import Timeline from 'stwui/timeline'; // for tree shaking
import type TimelineItem from 'stwui/types/timeline-item'; // for tree shaking
Basic
- Eduardo Benz
Commented Sep 1, 22, 12:00 AM
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt nunc ipsum tempor purus vitae id. Morbi in vestibulum nec varius. Et diam cursus quis sed purus nam.
- Hilary Mahy assigned Kristin Watson Sep 5, 22, 12:00 AM
- Hilary Mahy added tags Accessibility Sep 6, 22, 12:00 AM
- Jason Meyers
Commented 30.001 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt nunc ipsum tempor purus vitae id. Morbi in vestibulum nec varius. Et diam cursus quis sed purus nam.
Timeline Slots
default | <Timeline.Item /> |
Timeline.Item Props
type | 'comment' | undefined | |
avatar | string | undefined | |
creator | string | |
creaated | Date | |
description | string | |
icon | string (IconData) | undefined |
Timeline Class Identifiers
stwui-timeline |
stwui-timeline-item |