edbn/ui

Get Started

Welcome Why We're Different Choosing a Variant Changelog License

Components

Overview Alert Dialog Checkbox Collapsible Dialog Field Input

Menu Number Field Popover Progress Radio Scroll Area Select Separator Slider Switch Tabs Toggle Tooltip

Shared Components

Input Textarea Card Avatar Table Alert Breadcrumb Pagination

0installs

Components

Maps

GitHub stars

Home Docs Components StaticInput

Input

A native input element with consistent styling. Built on Base UI Input primitives.

Usage

import { InputRoot } from "@/components/ui/static/input"

<InputRoot type="email" placeholder="Email" />

Installation

Install dependencies

TypeScript

npm install @base-ui/react

Examples

Input Types

With Icons

States

Login Form

Login

Password

API Reference

typestring

="text"

The input type.

placeholderstring

Placeholder text.

disabledboolean

=false

Whether the input is disabled.

defaultValuestring | number

The default value when uncontrolled.

onValueChange(value: string) => void

Callback fired when the value changes.