PatternFly · @patternfly/react-core
Alert
Inline status messages. Prefer Callout inside report prose.
- Import
import { Alert } from '@patternfly/react-core'- Use on
- tools · docs
- Upstream docs
Inline alerts
Info alert:Data updated 5 August 2026
Warning alert:Provisional values for 2026
Monthly values for the current year are provisional.
Success alert:Build passed
Code
import { Alert } from '@patternfly/react-core';
<Alert variant="info" title="Data updated 5 August 2026" isInline />
<Alert variant="warning" title="Provisional values for 2026" isInline>Monthly values for the current year are provisional.</Alert>