Preview

Usage

<cs-status-indicator type="success">Running</cs-status-indicator>
<cs-status-indicator type="error">Failed</cs-status-indicator>
<cs-status-indicator type="loading">Deploying</cs-status-indicator>

Properties

color-overrideStatusIndicatorProps.Color

Specifies an override for the status indicator color.

icon-aria-labelstring

Specifies an aria-label for the icon. If the status text alone does not fully describe the status, use this to communicate additional context.

typeStatusIndicatorProps.Type default: 'success'

Specifies the status type.

wrap-textboolean default: true

Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping and truncates it with an ellipsis.

Slots

default

A text fragment that communicates the status.