TombstoneCard
Markdown for agentsPlaceholder card for archived, closed or unavailable marketplace items.
npx @slipstream-ui/cli@latest add tombstone-cardArchived and closed items
Unavailable
CIM no longer available
The seller withdrew this opportunity.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | required | Listing, deal or document name. |
| reason | string | — | Why the item is unavailable. |
| status | 'archived' | 'unavailable' | 'closed' | 'unavailable' | Unavailable state. |
| logo | ReactNode | — | Logo or document icon slot. |
| href | string | — | Optional detail destination. |
| actionLabel | string | 'View details' | Link label. |
| linkComponent | React.ElementType | — | Custom link element for routers. |
Accessibility
- The unavailable state is a text badge, not color alone.
- The reason stays visible so a saved link still explains the state.
Browser support
| Browser | Tested versions |
|---|---|
| Chrome | 111+ (Mar 2023) |
| Edge | 111+ (Mar 2023) |
| Firefox | 121+ (Dec 2023) |
| Safari | 17.2+ — macOS & iOS (Dec 2023) |
Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.