RecordKey

A record's short key: the CRP-12 that names an issue or task. It is a plain <span> in muted 12px/500 text with tabular numerals and a 52px minimum width, so a column of keys lines up. Pass appearance="linear" for Linear's measured identifier instead: neutral grey, 13px/450, normal numerals and no minimum width. IssueList draws its identifier column with the linear appearance.

Installation

npm install @crisp-ui-kit/crisp

Props

RecordKey also accepts every <span> attribute.

Notes

• Dark theme. With appearance="linear" the text switches to Linear's dark grey (rgb(149, 149, 151)) under [data-theme="dark"].
• Long keys. The key is not truncated by RecordKey itself. IssueList ellipsizes it inside a 72px column (--crisp-issuelist-key-width) and sets title so the full key shows on hover.