Timeline
Reusable timeline component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Timeline
title="Timeline"
/>Legacy mount name: data-component="Timeline".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
class | string | Optional | "" |
title | string | Optional | "Timeline" |
Slots
default
Events
This component does not declare a custom event.
Source contract
Installed source: components/Timeline.wrn
component Timeline {
props {
class = ""
title = "Timeline"
}
view {
<section class="{class}">
<h2 class="text-lg font-bold">{title}</h2>
<ol class="mt-5 border-l border-slate-200 pl-6 dark:border-slate-800">
<slot />
</ol>
</section>
}
}