Tree view
Preview the tree view component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.
Documentation
Live demo
<div style={{width: '300px'}}><TreeView label="Tree View"><TreeNodekey='1'id='1'value='Artificial intelligence'label={<span>Artificial intelligence</span>}/><TreeNodekey='2'id='2'value='Blockchain'label='Blockchain'/><TreeNodekey='3'id='3'value='Business automation'label='Business automation'><TreeNodekey='3-1'id='3-1'value='Business process automation'label='Business process automation'/><TreeNodekey='3-2'id='3-2'value='Business process mapping'label='Business process mapping'/></TreeNode><TreeNodekey='4'id='4'value='Business operations'label='Business operations'/><TreeNodekey='5'id='5'value='Cloud computing'label='Cloud computing'isExpanded={true}><TreeNodekey='5-1'id='5-1'value='Containers'label='Containers'/><TreeNodekey='5-2'id='5-2'value='Databases'label='Databases'/><TreeNodekey='5-3'id='5-3'value='DevOps'label='DevOps'><TreeNodekey='5-4'id='5-4'value='Solutions'label='Solutions'/><TreeNodekey='5-5'id='5-5'value='Case studies'label='Case studies'><TreeNodekey='5-6'id='5-6'value='Resources'label='Resources'/></TreeNode></TreeNode></TreeNode><TreeNodekey='6'id='6'value='Data & Analytics'label='Data & Analytics'><TreeNodekey='6-1'id='6-1'value='Big data'label='Big data'/><TreeNodeid='6-2'value='Business intelligence'label='Business intelligence'/></TreeNode></TreeView></div>