PatternFly · @patternfly/react-core

Label & Badge

Compact status and count markers.

Import: import { Label, Badge } from '@patternfly/react-core'
Use on: tools · docs · reports
Upstream docs: www.patternfly.org/components/label

Labels and badges

Published Draft Public 12 3

Code

import { Label, Badge } from '@patternfly/react-core';
<Label color="blue">Published</Label> <Label color="yellow" variant="outline">Draft</Label> <Badge isRead>12</Badge>