Overview API

Usage


  <wc-tree-view id="tree-view" style="width: 300px;" selected-node="Blockchain">
    <wc-tree-node label="Artificial intelligence"></wc-tree-node>
    <wc-tree-node label="Blockchain"></wc-tree-node>
    <wc-tree-node label="Cloud computing">
      <wc-tree-node label="Containers"></wc-tree-node>
      <wc-tree-node label="Databases"></wc-tree-node>
    </wc-tree-node>
  </wc-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), 'wc-tree-node-click');
      });
    

On this page

Sponsor

Properties

Events

Methods

CSS Custom Properties