EntityStatusBadge

EntityStatusBadge is used to indicate entity status in Contentful apps. A component is based on our Badge component and has a built-in mapping of entity status to a badge variant.

Import

import { EntityStatusBadge } from '@contentful/f36-components';
// or
import { EntityStatusBadge } from '@contentful/f36-badge';

Examples

EntityStatusBadge can have different mark following statuses. Those values are passed as a entityStatus property and displayed as a content in the badge:

• published
• draft
• archived
• changed
• deleted
• new

<EntityStatusBadge entityStatus="published" />
<EntityStatusBadge entityStatus="published" />
Hide source

<EntityStatusBadge entityStatus="draft" />
<EntityStatusBadge entityStatus="draft" />
Hide source

<EntityStatusBadge entityStatus="archived" />
<EntityStatusBadge entityStatus="archived" />
Hide source

<EntityStatusBadge entityStatus="changed" />
<EntityStatusBadge entityStatus="changed" />
Hide source

<EntityStatusBadge entityStatus="deleted" />
<EntityStatusBadge entityStatus="deleted" />
Hide source

<EntityStatusBadge entityStatus="new" />
<EntityStatusBadge entityStatus="new" />
Hide source

Props (API reference)

Content guidelines

• try to use labels with short, scannable text
• try to use a single word to describe the status of an element
• try to describe the status in the past tense, like changed or archived

Accessibility

• text must be clear enough for color-blind users to be able to understand immediately without needing to rely only on the color.