component Timeline { props { size: string = "default" color: string = "primary" title: string = "Timeline" description: string = "" items: unknown[] = [] variant: string = "default" class: string = "" } view {
{#if title || description}
{#if title}

{title}

{/if} {#if description}

{description}

{/if}
{/if}
    {#each items as item, index}

  1. {item.title || item.label}

    {#if item.subtitle}

    {item.subtitle}

    {/if}
    {#if item.date || item.meta} {/if}
    {#if item.description}

    {item.description}

    {/if} {#if item.href} {item.actionLabel || "View details"} {/if}
    2. {:empty}
  2. No timeline items available.
    3. {/each}
} }