Forma 36 - EntityStatusBadge

Import

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

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" />;
}
Open in Playground


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


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


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


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


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

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 />;
}
Open in Playground