Timeline

Live Editor

function TimelineDemo() {
  return (
    <ThemeProvider>
      <Timeline
        items={[
          { title: 'Incident opened', time: '09:10', tone: 'warning' },
          { title: 'Mitigation deployed', time: '09:26', tone: 'success', active: true }
        ]}
      />
    </ThemeProvider>
  );
}

Result

Loading...

Key Props

items, variant, headless