Status

A Status displays a small visual indicator based on a validation status. When the status is invalid it renders a circular badge with an exclamation mark; otherwise it renders nothing.

Usage

import { Status } from '@workflowbuilder/ui';

function Example() {
  return <Status status="invalid" />;
}

Props

className

Typestring

Custom class name for the component.

status

TypeValidationStatus

The validation status to display.

CSS variables

Color

--wb-public-status-invalid-color

--wb-public-status-invalid-background-color

Size

--wb-public-status-right

--wb-public-status-size

--wb-public-status-icon-size