Status badge
Status badges are visual indicators used to highlight an item's status for quick recognition.
import { ... } from '@ag.ds-next/react/status-badge';Usage
Status badge components can be imported via the status-badge entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/status-badge';Props
| Prop | Type | Description |
|---|---|---|
| label | ReactNode | The status that is printed in the text label. |
| tone | "info" | "success" | "error" | "warning" | "neutral" | The color tone to apply. |
| weight? | StatusBadgeWeightDefault: "regular" | The visual weight to apply. |
Source
You can view the full source code for this package on Github.