--- id: Tree view section: components cssPrefix: pf-v5-c-tree-view ---## Examples ### Single selectable ```html
``` ### Multiselectable A tree view can be setup to allow multiple nodes to be selected. When a tree view is intended to allow multiple selection, `aria-multiselectable="true"` must be passed to the root `ul[role="tree"]` element. ```html
``` ### With search A search input can be used to filter tree view items. It is recommended that a tree view with more than 7 nodes includes a search input. ```html
``` ### With checkboxes ```html
``` ### With icons ```html
``` ### With badges ```html
``` ### With action item ```html
``` ### With non-expandable top level nodes ```html
``` ### With selectable, expandable nodes ```html
``` ### Guides ```html
``` ### Compact ```html
``` ### Compact, no background ```html
``` ## Documentation ### Usage | Class | Applied | Outcome | | -- | -- | -- | | `.pf-v5-c-tree-view` | `
` | Initiates the tree view container. **Required** | | `.pf-v5-c-tree-view__list` | `