Componentsv2.189.0
Iconsv1.19.0
MCPv0.8.61
Tokensv0.34.3

StatusIndicator

Figma
Github
Storybook

A small colored circle used to indicate status or state.

Importing

The component can be imported via:

import { StatusIndicator } from '@customerio/pluma-components/react';

Usage

The StatusIndicator component is a small colored circle used to indicate status or state.

It supports the following colors: red, yellow, green, blue, purple and grey.

Loading editor

Pulsing Indicator

You can add a pulsing animation to the status indicator by setting the isPulsing prop to true. This is useful for indicating an active or processing state.

Loading editor

On this page