edbnedbn/ui
ComponentsMapsAudioPDF
GitHub stars
Explorer
Get Started
Components

Input

Styled text input with variants for email, password, and more.

Componentsdocsbase-ui/input

Installation

npx shadcn@latest add https://ui.edbn.me/r/input.json

Manual

API Reference

Root

A text input control. Renders an input element.

defaultValuestring

Initial input value

valuestring

Controlled input value

onValueChangefunction

Called when value changes

disabledboolean
=false

Disable input

readOnlyboolean
=false

Read-only state

requiredboolean
=false

Required field

classNamestring | function

CSS class name

renderReactElement | function

Custom render function

Root data attributes
AttributeDescription
data-disabledPresent when input is disabled
data-readonlyPresent when input is read-only
data-requiredPresent when input is required
data-validPresent in valid state
data-invalidPresent in invalid state
data-dirtyPresent when value has changed
data-touchedPresent when input has been touched