Timeline
The timeline component is used to display items on a vertical timeline, connected by timeline elements.
On this page
v0.23.0BetaNot reviewed for accessibility
Description
Use TimelineItem
to display items on a vertical timeline, connected by badge elements.
Arguments
Name | Default | Description |
---|---|---|
condensed |
| Boolean Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits. |
system_arguments | N/A | Hash |
Examples
Slots
avatar
Avatar to be rendered to the left of the Badge.
Name | Default | Description |
---|---|---|
kwargs | N/A | Hash The same arguments as Avatar. |
badge
Badge that will be connected to other TimelineItems.
Name | Default | Description |
---|---|---|
icon | N/A | String Name of Octicons to use. |
system_arguments | N/A | Hash |
body
Body to be rendered to the left of the Badge.
Name | Default | Description |
---|---|---|
system_arguments | N/A | Hash |
TimelineItem::Badge
This component is part of Primer::Beta::TimelineItem
and should not be
used as a standalone component.