Input і форми
Показує поле форми або компонент, що виглядає як поле вводу.
Використання
Enter your email address.
Довідник API
| Вхід | Тип | За замовчуванням |
|---|---|---|
| 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 |
| Вихід | Тип |
|---|---|
| valueChange | string |
Варіанти CVA
| Властивість | Значення | За замовчуванням |
|---|---|---|
| size | sm | md | lg | md |
| state | default | error | success | default |
Код компонента
Встановити через CLI:
npx @voltui/cli add inputTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/input.