Skip to content
Nucleus Docs

Timeline event

<ns-timeline-event>
Overview Guidance Implementation

Overview

A partial component for the timeline, to show an event.

Examples

Configure

Guidance

Implementation

Placement

The ns-timeline-event component can only be used as a child of the <ns-timeline> element.

Specification

Attributes

aria-current

Property
ariaCurrent
Type
string

status

Property
status
Description
The status of the event.
Type
pending inprogress actionrequired warning error completed cancelled
Default
pending

icon

Property
icon
Description
The name of the icon to be displayed.
Type
string
Default

index

Property
index
Description
The index of the event.
Type
number
Default
0

updated-at

Property
updatedAt
Description
The date and time of the event.
Type
string
Default

role

Property
role
Type
string
Default
listitem

type

Property
type
Type
string
Default
standard

Slots

SlotPermitted tagsDescription
headingThe heading of the event.
Anonymous slot<ns-card> <p> The content of the event. Normally a card.

This page covers most of the ways you can use ns-timeline-event. Please reach out to us if you are unsure about a potential use. Here are some useful links to related content: