Status Chip
Compact workflow status badge for a record (draft, submitted, live, etc.) with optional version subtitle; opens version picker when record.thing_id is set.
HTML tag: c-ef8637b4b347b4eaa939edf1fbdbe96ec
When to use
Section titled “When to use”- workflow record status (draft, live, submitted, etc.)
- versioned entity status with picker
- not for generic tags or buttons
| Prop | Type | Default | Description |
|---|---|---|---|
record | object |
- Pass .record with status (numeric 1–6) and/or status_display, optional version_display and thing_id.
- Status colors map: 1 draft, 2 submitted, 3 live, 4 history, 5 deleted, 6 rejected.
- When thing_id is present chip is clickable and opens versions UI; listen for version-picked.
- Not a general-purpose label — use ab-icon + text or tone-styled ab-button for arbitrary tags.
What to avoid
Section titled “What to avoid”Do not use for non-workflow labels (active/inactive toggles). Do not expect appearance/tone/size props — styling is status-driven. Do not use instead of ab-data-grid or ab-list for data navigation.
Example
Section titled “Example”<c-ef8637b4b347b4eaa939edf1fbdbe96ec .record=${{ status: 3, status_display: 'Live', version_display: 'v12', thing_id: entityId }} @version-picked=${onVersion}></c-ef8637b4b347b4eaa939edf1fbdbe96ec>