Input & Forms
Displays a form input field or a component that looks like an input field.
Usage
Enter your email address.
API Reference
| Input | Type | Default |
|---|---|---|
| id | string | '' |
| type | string | 'text' |
| name | string | '' |
| placeholder | string | '' |
| autocomplete | string | '' |
| ariaLabel | string | '' |
| aria-label | string | undefined | undefined |
| value | string | '' |
| size | InputVariants['size'] | 'md' |
| state | InputVariants['state'] | 'default' |
| class | string | '' |
| disabled | boolean | false |
| readonly | boolean | false |
| required | boolean | false |
| Output | Type |
|---|---|
| valueChange | string |
CVA variants
| Prop | Options | Default |
|---|---|---|
| size | sm | md | lg | md |
| state | default | error | success | default |
Component Source
Install via CLI:
npx @voltui/cli add inputTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/input.