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 SharedInput

Input (Shared)

Styled input with focus ring, validation states, and file input support. Built on Base UI Input primitive.

Overview

Input wraps Base UI's Input primitive with consistent styling. Supports focus-visible ring, data-invalid / aria-invalid error states, file input styling, and selection color customization.

Usage

import { Input } from "@/components/ui/shared/input"

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

Installation

Install via CLI

TypeScript

npx edbn-ui@latest add input

Examples

With Label

Full Name

File Input

Upload

Disabled

API Reference

typeHTMLInputTypeAttribute

="text"

The input type (text, email, password, file, etc.)

placeholderstring

Placeholder text

disabledboolean

=false

Disable the input

classNamestring

Additional CSS classes