Component gallery

PageTitle

The page header row: identity, title and subtitle, inline zone, actions.

Identity + actions

Icon disc, title, subtitle, right-aligned actions in text shade with an icon

Products

1,204 items · merged across 3 files

Meta line

meta sits under the title, above the subtitle; the icon stays on the title line and the text indents under the title

Jobs

Updated 10:42:03
Every batch you have imported and exactly where it is in the pipeline.

Long subtitle

A string subtitle stops at two lines; hover it for the full sentence

Retention

Parts that have not been touched in ninety days are archived automatically, and an archived part can be restored by any admin for a further ninety days before it is deleted for good.

Actions that do not fit

Beside the title when there is room; otherwise a left-aligned row of their own, wrapping inside it

Jobs

Updated 10:42:03

Back-link slot

back takes the app's Link; the kit adds the arrow and muted hover styling

KIT5171K-RG

classified
SuperPro · Bushing Kit

Skeleton (slot-aware)

The placeholder mirrors exactly the slots the loaded header will use: pass the same structural props with skeleton

Styling slots

Every className the component exposes, and what it reaches
className
the row
iconWrapClassName
the identity disc
titleClassName
the title
subtitleClassName
the subtitle
metaClassName
the meta line under the title
actionsClassName
the right-aligned actions bar
backClassName
the back-link row above the title
@versable-git/ui · all states, both themes