PF6.ExpandableSection

PF6 ExpandableSection component

Expandable sections toggle the visibility of content.

Definition

Opaque ExpandableSection type

{ body : Element msg

, isExpanded : Bool

, onToggle : Bool -> msg

}

Construct an ExpandableSection

expandableSection
    { body = Element.text "Hidden content here..."
    , isExpanded = model.expanded
    , onToggle = SetExpanded
    }

Set the toggle button text when expanded

Set the toggle button text when collapsed

Detached mode — toggle button is separate from the content

Set explicit width

Render the ExpandableSection as an Element msg