Rebar UI

1.0

synthetic

Feature Grid

A wrapping row of short title and body pairs, each with an optional icon.

Tideline featuresThree short callouts with icons

Offline first

Tasks keep working below deck.

A quiet inbox

One digest a day, not forty pings.

Rota to payroll

Shifts export without the spreadsheet.

No icon

Quiet inbox

One digest a day.

Custom path

Checked

Reviewed before launch.

Long body

Rota to payroll

Shifts for every harbour depot export in one pass, ready for the 28 Oct payroll cut-off.

In context

Landing pageUnder the Tideline mobile headline

Tideline mobile

Offline tasks and a quiet inbox for the crew.

Offline first

Tasks keep working below deck.

A quiet inbox

One digest a day, not forty pings.

Rota to payroll

Shifts export without the spreadsheet.

Shape

{ type: "feature-grid", items: { title: string, body: string, icon?: string, iconPath?: string, iconViewBox?: string }[] }

Icons

icon is looked up by name in the icon sets rebar-ui ships (browse them on /imitations/icon). Use the exact export name (CalendarIcon, EnterOutlined) or a short form that ignores case, dashes, underscores and the Icon/Outlined suffix: calendar, chat, lock, mail. An unknown name renders no icon and logs a warning in development; it never throws.

For a mark the sets do not have, pass iconPath (an SVG path d string, drawn with fill="currentColor") and, if it is not on a 24 by 24 grid, iconViewBox. iconPath takes priority over icon. The icon is decorative (aria-hidden).