| section | Extensions | |
|---|---|---|
| subsection | Component groups | |
| id | Status | |
| source | react | |
| propComponents |
|
|
| beta | true | |
| sourceLink | https://github.com/patternfly/react-component-groups/blob/main/packages/module/patternfly-docs/content/extensions/component-groups/examples/Status/Status.md |
import { BanIcon, CheckCircleIcon, ExclamationCircleIcon, ExclamationTriangleIcon } from '@patternfly/react-icons/'; import { Status, StatusVariant, IconStatus } from '@patternfly/react-component-groups/dist/dynamic/Status'; import { FunctionComponent } from 'react';
The status component's purpose is to display status with icon and text to the user.
Status component consinsts of an icon configured using icon and a message, specified with label.
Optionally a description can be displayed by passing it to the description property.
The iconOnly flag allows to hide the status message and show only an icon with a tooltip.
You can use the link variant to display the link button status.
You can use popover variant to display the status details in a popover.