PF6.Accordion

PF6 Accordion component

Accordions toggle the visibility of sections of content.

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

Definition

type Accordion msg

Opaque Accordion type

type AccordionItem msg

A single accordion item

Constructor

accordion : List (AccordionItem msg) -> Accordion msg

Construct an Accordion from a list of items

Item constructor

item :

{ title : String

, body : Element msg

, isExpanded : Bool

, onToggle : Bool -> msg

}

-> AccordionItem msg

Construct an AccordionItem

item
    { title = "What is PatternFly?"
    , body = Element.text "PatternFly is..."
    , isExpanded = model.expanded == "pf"
    , onToggle = \open -> SetExpanded (if open then "pf" else "")
    }

Variant modifiers

withBordered : Accordion msg -> Accordion msg

Add borders between items

withDisplayLarge : Accordion msg -> Accordion msg

Larger heading text

withFixed : Accordion msg -> Accordion msg

Fixed height accordion (overflow scrolls)

Rendering

toMarkup : Theme -> Accordion msg -> Element msg

Render the Accordion as an Element msg

lenards/elm-ui-patternfly/4.0.1