StatusIndicator

Importing

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, violet and gray.

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.