logo-icon
STW UI

Timeline

Timeline is a vertical display of content organized by time.

Usage

svelte
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 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