Tree

Tree component from @bungas/ui

On This Page

Your open-source, proactive personal AI assistant with 200+ integrations. Bungas combines todos, goals, calendar, and email into one system, turns tasks into automated workflows, and completes work instead of just tracking it. Open-source and self-hostable with support for custom automations and multi-step workflows.

Tree

Tree component from @bungas/ui

Tree

The Tree component from Bungas UI.

Default

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Lines

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Icons

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Multi Select

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Selected: None
(Ctrl/Cmd + Click to multi-select)

Custom Icons

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Fully Expanded

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Compact Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Wide Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Installation

npm install @bungas/ui

Import

import { Tree } from "@bungas/ui"

Usage

import { Tree } from "@bungas/ui"
 
export function Example() {
  return <Tree />
}

Props

Examples

Default

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Lines

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Icons

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Multi Select

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Selected: None
(Ctrl/Cmd + Click to multi-select)

Custom Icons

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Fully Expanded

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Compact Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Wide Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

On This Page

Meet Bungas

Tree

The Tree component from Bungas UI.

Default

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Lines

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Icons

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Multi Select

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Selected: None
(Ctrl/Cmd + Click to multi-select)

Custom Icons

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Fully Expanded

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Compact Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Wide Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Examples

Default

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Lines

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Without Icons

src

components

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Multi Select

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Selected: None
(Ctrl/Cmd + Click to multi-select)

Custom Icons

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Fully Expanded

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

useAuth.ts

useTheme.ts

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Compact Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Wide Indent

src

components

Button.tsx

Card.tsx

Input.tsx

hooks

App.tsx

index.tsx

package.json

README.md

tsconfig.json

Tree

Tree

Tree

Installation

Usage

Props

Examples

Default

Related Components

Tree

Installation

Usage

Props

Examples

Default

Related Components