Skip to main content
cngx-src documentation

CngxTimelinePlacement

Type Aliasui/timeline

projects/ui/timeline/timeline.component.ts

Referenced by#

Description#

Which side of the rail each row's body sits on.

start (default) is v1: rail leading, body trailing. end mirrors every row. alternate centres the rail and flips the body side by row, which is the classic infographic layout - pair it with [cngxTimelineOpposite] so the empty side carries a year or a label.

Purely visual. DOM order stays chronological under every value, the ARIA chain is identical, and alternation comes from the loop index rather than from :nth-child, so a filtered list alternates correctly.

alternate is not supported with mode="activity": alternating a scan-feed defeats the scan. Those rows render start and dev mode warns.

Definition#

"start" | "end" | "alternate"