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

v0.2.49Beta

Search

Input

Source

Input field for user data entry.

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" />

Examples

Controlled

Current:

Customization

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

Props

Input

PropTypeDefaultDescription
disabled
booleanfalse

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.