Timeline Grid
Read-only horizontal foundation for row-based planning and time slots. Intended as the base for the future scheduler or lightweight gantt.
TypeScript
import { NeuTimelineGridComponent } from '@neural-ui/core/timeline-grid';
import type { NeuTimelineGridColumn, NeuTimelineGridRow } from '@neural-ui/core/timeline-grid';Mon09:00
Tue10:00
Wed11:00
Thu13:00
Fri15:00
ProductRoadmap and planning
DesignWireframes and system
EngineeringReusable foundation
HTML
<neu-timeline-grid
[columns]="columns"
[rows]="rows"
[compact]="false"
[stickyLabels]="true"
minColumnWidth="112px"
[selectedItemId]="selectedItemId()"
[selectedSlot]="selectedSlot()"
(itemClick)="onItemClick($event)"
(slotClick)="onSlotClick($event)"
/>