Code

Code 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.

Code

Code component from @bungas/ui

Code

The Code component from Bungas UI.

Default

Run the command npm install @bungas/ui to get started.

In Paragraph

The useState hook is a fundamental React hook for managing state. Call setCount(count + 1) to increment the counter.

Ghost Variant

Use git commit -m "message" to commit your changes.

Multiple Codes

Import Button, Input, and Select from @bungas/ui.

Keyboard Shortcut

Press Ctrl + C to copy and Ctrl + V to paste.

File Path

Edit the configuration file at ~/.config/bungas/settings.json

Installation

npm install @bungas/ui

Import

import { Code } from "@bungas/ui"

Usage

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

Props

Examples

Default

Run the command npm install @bungas/ui to get started.

In Paragraph

The useState hook is a fundamental React hook for managing state. Call setCount(count + 1) to increment the counter.

Ghost Variant

Use git commit -m "message" to commit your changes.

Multiple Codes

Import Button, Input, and Select from @bungas/ui.

Keyboard Shortcut

Press Ctrl + C to copy and Ctrl + V to paste.

File Path

Edit the configuration file at ~/.config/bungas/settings.json

On This Page

Meet Bungas

Code

Code

Code

Installation

Usage

Props

Examples

Default

Related Components

Code

Installation

Usage

Props

Examples

Default

Related Components