PF6.Content

PF6 Content component

Provides PF6-styled typographic content blocks: headings, paragraphs, and lists. Build up content with multiple withX calls; all items render in order.

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

Definition

type Content msg

Opaque Content type

type HeadingLevel

= H1

| H2

| H3

| H4

| H5

| H6

Heading levels H1 through H6

Constructor

content : Content msg

Construct an empty Content block. Add items with withX modifiers.

Content modifiers

withHeading : HeadingLevel -> String -> Content msg -> Content msg

Add a heading at the given level

withParagraph : String -> Content msg -> Content msg

Add a paragraph of text

withBulletList : List String -> Content msg -> Content msg

Add an unordered (bullet) list

withOrderedList : List String -> Content msg -> Content msg

Add an ordered (numbered) list

withCustom : Element msg -> Content msg -> Content msg

Add a custom element

Display modifiers

withEditorial : Content msg -> Content msg

Editorial style — increases line-height and paragraph spacing for long-form reading

withLarge : Content msg -> Content msg

Use larger body text (fontSizeLg instead of fontSizeMd)

Rendering

toMarkup : Theme -> Content msg -> Element msg

Render the Content block as an Element msg

lenards/elm-ui-patternfly/4.0.0