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