Tree View

A tree view is a hierarchical structure that provides nested levels of navigation.

Overview

Playground

API

Usage


  <pc-tree-view id="tree-view" style="width: 300px;" selected-node="Blockchain">
    <pc-tree-node label="Artificial intelligence"></pc-tree-node>
    <pc-tree-node label="Blockchain"></pc-tree-node>
    <pc-tree-node label="Cloud computing">
      <pc-tree-node label="Containers"></pc-tree-node>
      <pc-tree-node label="Databases"></pc-tree-node>
    </pc-tree-node>
  </pc-tree-view>

Events


      const treeView = document.querySelector('#tree-view');
      treeView.addEventListener('tree-node--click', function(evt) {
      myConsole.log(JSON.stringify(evt.detail.value, null, 4), 'pc-tree-node-click');
      });

On this page

Work in progress

Properties

Events

Methods

CSS Custom Properties

Next Previous