Skip to contentSkip to navigationSkip to topbar
Paste assistant Assistant
Figma
Star

Status Badge

Version 2.1.1GithubStorybookPeer review pending

A Status Badge communicates the status of a process or connectivity to an application or service.

Installation

Installation page anchor
yarn add @twilio-paste/status - or - yarn add @twilio-paste/status
import {StatusBadge} from '@twilio-paste/core/status';

const BadgeExample = () => <StatusBadge variant="ProcessError">Process Error Badge</StatusBadge>;

StatusBadge

StatusBadge page anchor

element

Overrides the default element name to apply unique styles with the Customization Provider

Type
any
Default
STATUS_MENU_BADGE

variant

Sets the display style of the Status Menu Badge

Type
any

variant RequiredRequired

Sets the display style of the Status Menu Item

Type
StatusBadgeVariants

element

Overrides the default element name to apply unique styles with the Customization Provider

Type
any
Default
MENU_ITEM_STATUS