TreeView

TreeView displays hierarchical data in an expandable tree structure.

Import

import { TreeView } from "@shivms/ui";

Basic

Default

▶Documents

Expanded Nodes

Expanded

▼Documents

•Reports

•Letters

Selected Nodes

Selected

▼Documents

•Reports

•Letters

Nested Tree

Three Levels

▼src

▼components

•Button.jsx

•Input.jsx

•pages

Disabled Node

Disabled

▼Documents

•Archive

•Active

Custom Icons

Icons

▼Media

🖼️photo.png

🎬video.mp4

Mixed States

Expanded + Selected + Disabled

▼Root

•Selected

•Disabled

•Normal

Example

File Explorer

▼Project

▼src

•App.jsx

•index.js

•styles.css

•package.json