Layout
v1.0.0Added in 1.0.0
The top of a record page (a client, a contact, a deal, an invoice): name, status, key facts, actions, favorite, follow and record pager.
Read the record at a glance: type above the name, status badges, and a strip of key facts (Sold, Responsabil, CUI...) that scrolls sideways on a phone with soft edge fades; when it overflows, Tab reaches it and the arrow keys scroll it. Hover or focus a fact to reveal its copy button (always visible on touch). Double click the name (or press F2 on it, or tap the pencil on touch) to rename it: Enter saves, Escape cancels, an empty name is refused and a failed save rolls back with the error under it while the star and badges stay on the name line. Tap the star to favorite the record (on a phone it stays next to the name whenever it fits); Follow turns into Following with a bell that rings once when the change lands. The primary action stays in view and the rest fold into ⋯ as the header narrows, a bottom action sheet on phones, with the follow toggle inside. The up / down arrows next to "3 of 12" walk to the previous and next record (J / K in the demo, shown in their tooltips; keys never fire while typing), and at the first or last record the arrow is disabled; a phone shows only the arrows. Scroll past the header and a glass bar with the name and the primary action slides down under the top bar. In grid and tiles layouts a phone shows the first maxFacts facts and a Show all (n) button that opens the rest.
npx wingo-ui@latest add entity-headerPro item: the CLI needs a Pro account. See plans
c01 · 3/12 · favorite: no · follow hidden · keys: k / j · last: none
Usually pays in 30 days. Prefers invoices sent by email to accounting, with the purchase order attached. Master agreement renewed in March 2026, 5% volume discount above $20,000.00 a quarter.
J / K walk the clients. Double click the name to rename it. Scroll for the condensed bar.