NOTE: the latest version is 4.0.2

README About Versions Source Modules

PF6.EmptyState

PF6 EmptyState component

Empty states are used when there is no data to display in a component or page.

See: https://www.patternfly.org/components/empty-state

Definition

type EmptyState msg

Opaque EmptyState type

Constructor

emptyState : EmptyState msg

Construct an EmptyState

Content modifiers

withIcon : Element msg -> EmptyState msg -> EmptyState msg

Add an icon element

withTitleH1 : String -> EmptyState msg -> EmptyState msg

Set the title at H1 level

withTitleH2 : String -> EmptyState msg -> EmptyState msg

Set the title at H2 level (default)

withBody : String -> EmptyState msg -> EmptyState msg

Set body description text

withPrimaryAction : Element msg -> EmptyState msg -> EmptyState msg

Set primary action element (usually a Button)

withSecondaryActions : List (Element msg) -> EmptyState msg -> EmptyState msg

Set secondary action elements

Size modifiers

withSmallSize : EmptyState msg -> EmptyState msg

Small variant

withLargeSize : EmptyState msg -> EmptyState msg

Large variant

withFullHeight : EmptyState msg -> EmptyState msg

Fill the full height of the container

Rendering

toMarkup : EmptyState msg -> Element msg

Render the EmptyState as an Element msg

Modules

PF4

PF6