Status

status

Status is a really small icon to visually show the current status of an element, like online, offline, error, etc

status docs

Class Names:

• Component: status
• Color: status-neutral, status-primary, status-secondary, status-accent, status-info, status-success, status-warning, status-error
• Size: status-xs, status-sm, status-md, status-lg, status-xl

Syntax

<span class="status {MODIFIER}"></span>

Rules

• {MODIFIER} is optional and can have one of the color/size class names
• This compnent renders a small visual indicator to draw attention