Skip to content

Drag the dock to move it anywhere. Press this handle to cycle it through the four corners. With the handle focused, the arrow keys nudge it and Home returns it to the right edge.

Viewport
fills the width
Unavailable. The Component catalogue is web only.
Unavailable. The Component catalogue is web only.

ExecHQ showroom · private

Component catalogue

Every component, in every state, imported from /components. Searchable and filterable by status and flow. Every component ships a sibling states file, and this page reads only from those — so it cannot drift out of sync with the components themselves. Status is per component, not per page, because one component may appear across several flows at different stages.

Badge

primitivesStatus: Draft

Status and metadata label, and feedback tags (info, success, warning, danger) drawn as white pills with a halo dot. The word is always present, so the badge never depends on color alone to carry meaning.

Used by the prototype shell. Not yet assigned to a flow.

Shows every state that applies.

  • No hover, focus, active or disabled state: Not interactive: it has no controls of its own.
  • No loading state: Fixed content written into the product: there is nothing to wait for.
  • No error state: Fixed content written into the product: nothing can fail.
  • No empty state: Always has a label.
  • No long text state: Labels come from a short fixed set: statuses, groups, flags.
  • No filled state: Not an input, so there is nothing to fill in.
  • Neutral

    Web only
  • Sprint

    Sprint 3
  • Draft

    Status: Draft
  • In review

    Status: In review
  • Approved

    Status: Approved
  • Feedback — info

    Info
  • Feedback — success

    On track
  • Feedback — warning

    Needs a look
  • Feedback — danger

    Overdue

Prototype hub

Sprint 1

Sprint 2

Sprint 3

Sprint 4

Sprint 5