Timeline

Status	stable
Published	2.0.0

I am item #1.

This is item #2.

With a second paragraph. 👍

I am item #3.

I am item #4.

I am item #5.

I am item #6.

<jds-timeline>
    <jds-timeline-item color="blue" big>I am item #1.</jds-timeline-item>
    <jds-timeline-item icon="location">
        This is item #2.
        <template #description>With a second paragraph. 👍</template>
    </jds-timeline-item>
    <jds-timeline-item>I am item #3.</jds-timeline-item>
    <jds-timeline-item color="purple">I am item #4.</jds-timeline-item>
    <jds-timeline-item>I am item #5.</jds-timeline-item>
    <jds-timeline-item icon="checkmark" color="green">I am item #6.</jds-timeline-item>
</jds-timeline>

JdsTimelineItem

Props

Prop	Value	Default
big	`boolean`	false
color	`purplebluegreyfuchsiagreen`	'grey'
icon	`string`	none	Use an icon for grammar-approved common states. Prefer mini icons when possible, as these will be shown in 10px contexts.

Slots

Slot
default
description

Timeline

JdsTimelineItem

Props

Slots

Changelog