Getting Started
Foundations
Components
Input
A flexible input field component supporting various types and states. Designed for seamless form integration.
#Installation
npx @dinachi/cli@latest add input#Usage
tsx
import { Input } from '@/components/ui/input'#Examples
Default Input
A basic input field with placeholder text
Input Types
Different input types for various data formats
Input with Label
Input field with associated label and helper text
This is your public display name.
Disabled Input
Input fields in disabled and read-only states
Input with Validation
Input with real-time validation and error feedback
#API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| type | string | 'text' | The type of the input field |
| placeholder | string | — | Placeholder text displayed when the input is empty |
| disabled | boolean | false | Whether the input is disabled |