Input

Custom input component.

Installation

Copy the following code into your app directory.

buridan add component input

Usage

Make sure to correctly set your imports relative to the component.

from components.base_ui.input import input

Examples

Below are examples demonstrating how the component can be used.

Basic Demo

A simple text input demonstrating the default appearance and behavior.

Text Input

Email

An input field optimized for email address entry.

@company.com

Password

An input field that hides characters for secure password entry.

Password Input

Disabled

An example of an input field in a disabled state.

Disabled Input

File Input

An input field for selecting and uploading files.

File Input

Custom Input

An input field with a custom width and styling.

Custom Width