Input

Form

A customizable input field component with support for different types and states.

Installation

bash

1npx @dinachi/cli@latest add input

Run the CLI command above to automatically install the component and its dependencies.

A basic input field with placeholder text

Different input types for various data formats

Password

Number

URL

Input field with associated label and helper text

Username

This is your public display name.

Input fields in disabled and read-only states

Disabled Input

Read-only Input

Input with real-time validation and error feedback

Email Address

Prop	Type	Default	Description
`type`	`string`	`'text'`	The type of input field
`placeholder`	`string`	—	Placeholder text for the input
`disabled`	`boolean`	`false`	Whether the input is disabled