The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!

Bun UI

Input

Input field for user data entry.

Name

Usage

Import the Input component from @bun-ui/react and use it in your project:

import { Input } from "@bun-ui/react"

<Input placeholder="Enter your text here" />

Controlled Input

Current:

The Input component can be customized using the className prop or by extending its styles with your design system.

Your Cool Name

Prop	Type	Default	Description
disabled	`boolean`	`false`	If `true`, the component is disabled.
label	`ReactNode`	-	The label text or element to display above the input. If provided, the input will be wrapped in a container with the label.
labelClassName	`string`	-	Additional CSS classes to apply to the label element. Use this to customize the styling of the label independently from the input.