<baht-timeline>

Vertical timeline for run history / audit logs.

Basic

HTMLReactAngular

Copy

<baht-timeline></baht-timeline>

<script>
  const el = document.querySelector('baht-timeline');
  el.items = [
    {
      "title": "Workflow created",
      "time": "09:12",
      "tone": "muted"
    },
    {
      "title": "Step 1 passed",
      "description": "Validation OK",
      "time": "09:13",
      "tone": "success"
    },
    {
      "title": "Step 2 failed",
      "description": "VAT service timeout",
      "time": "09:15",
      "tone": "danger"
    },
    {
      "title": "Retried",
      "time": "09:16",
      "tone": "primary"
    }
  ];
</script>

Props

Name	Type	Default	Description
itemsJS	TimelineItem[]	[]	{ title, description?, time?, tone?: 'primary'|'success'|'warning'|'danger'|'muted' }