Import

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

Examples

EntityStatusBadge can represent different entity statuses. The value is passed as an entityStatus property and displayed as content in the badge:

function EntityStatusBadgePublishedExample() {
  return <EntityStatusBadge entityStatus="published" />;
}

function EntityStatusBadgeDraftExample() {
  return <EntityStatusBadge entityStatus="draft" />;
}

function EntityStatusBadgeArchivedExample() {
  return <EntityStatusBadge entityStatus="archived" />;
}

function EntityStatusBadgeChangedExample() {
  return <EntityStatusBadge entityStatus="changed" />;
}

function EntityStatusBadgeDeletedExample() {
  return <EntityStatusBadge entityStatus="deleted" />;
}

function EntityStatusBadgeNewExample() {
  return <EntityStatusBadge entityStatus="new" />;
}

Some entities have scheduled actions, for instance an entry might be scheduled to be published at a specific time later on:

function EntityStatusBadgeScheduledExample() {
  return <EntityStatusBadge entityStatus="changed" isScheduled />;
}