Badge

Preview

Colors
ActiveInactiveSuccessError
Severity
CriticalHighMediumLowNeutral

Usage

<cs-badge color="blue">Active</cs-badge>
<cs-badge color="grey">Inactive</cs-badge>
<cs-badge color="red">Error</cs-badge>

Properties

color'blue' | 'grey' | 'green' | 'red' | 'severity-critical' | 'severity-high' | 'severity-medium' | 'severity-low' | 'severity-neutral' default: 'grey'

Specifies the badge color.

Slots

default

Text displayed inside the badge.