@instructure/ui-tree-browser

---

category: packages

ui-tree-browser

   

A component for displaying a hierarchical view of information.

Components

The ui-tree-browser package contains the following:

• TreeBrowser

Installation

npm install @instructure/ui-tree-browser

Usage

import React from 'react'
import { TreeBrowser } from '@instructure/ui-tree-browser'

const MyTreeBrowser = () => {
  return (
    <TreeBrowser
      collections={{
        1: {
          id: 1,
          name: 'Collection',
          items: [1],
          descriptor: 'My Collection'
        }
      }}
      items={{ 1: { id: 1, name: 'Item' } }}
    />
  )
}