PF6.TreeView

PF6 TreeView component

Displays hierarchical data as an expandable/collapsible tree. The consumer manages expansion and selection state; the component renders accordingly.

Definition

type TreeView msg

Opaque TreeView type

type TreeNode msg

Opaque TreeNode type

Construct a TreeView with the given top-level nodes

node : String -> String -> TreeNode msg

Construct a TreeNode with the given id and label

Set the node's children

Mark the node as expanded (children visible)

Mark the node as selected

Show a badge count on the node

withIcon : Element msg -> TreeNode msg -> TreeNode msg

Set an icon element displayed before the label

withOnToggle : (String -> msg) -> TreeNode msg -> TreeNode msg

Set the message sent with the node id when expand/collapse is toggled

withOnSelect : (String -> msg) -> TreeNode msg -> TreeNode msg

Set the message sent with the node id when the node label is clicked

toMarkup : Theme -> TreeView msg -> Element msg

Render the TreeView as an Element msg