PF6.Label

PF6 Label component

Labels are used to highlight an item's status for quick recognition, or to flag content that needs action.

See: https://www.patternfly.org/components/label

Definition

type Label msg

Opaque Label type

type Variant

Fill or outline variant

type Color

Label color theme

Constructor

label : String -> Label msg

Construct a Label with the given text

Variant modifiers

withFill : Label msg -> Label msg

Filled background (default)

withOutline : Label msg -> Label msg

Outlined border, transparent background

withCompact : Label msg -> Label msg

Compact sizing — smaller padding

Color modifiers

withBlueColor : Label msg -> Label msg

Blue color theme

withGreenColor : Label msg -> Label msg

Green color theme

withOrangeColor : Label msg -> Label msg

Orange color theme

withRedColor : Label msg -> Label msg

Red color theme

withPurpleColor : Label msg -> Label msg

Purple color theme

withCyanColor : Label msg -> Label msg

Cyan color theme

withGoldColor : Label msg -> Label msg

Gold color theme

Content modifiers

withIcon : Element msg -> Label msg -> Label msg

Add a leading icon

withHyperlink : String -> Label msg -> Label msg

Make the label text a hyperlink

withCloseMsg : msg -> Label msg -> Label msg

Add a close/dismiss button that sends msg on click

Rendering

toMarkup : Label msg -> Element msg

Render the Label as an Element msg

lenards/elm-ui-patternfly/2.0.0