Input

Компонент Select позволяет выбирать одно или несколько значений среди фиксированных вариантов (можно будет расширить до поиска значений по запросу к бэкенду).

Файл: app/components/ui/input/Input.vue

Быстрый старт

Телефон

<script setup lang="ts">
import { Input } from 'components/ui/selecinputt';
</script>

<template>
  <Input 
    type="tel"
    label="Телефон"
    mask="+7 (###) ###-##-##"
    icon="lucide:phone"
  />
</template>

API

Props

Prop	Type	По умолчанию
`label`	`string`	`''`
`mask`	`string`	`''`
`icon`	`string`	`''`
`iconClassList`	`string`	`''`
`containerClassList`	`string`	`''`
Остальные пропсы соответствуют аттрибутам обычного

Models

Prop	Type	По умолчанию
`model`	`string	string

Поведение

label задает label (заголовок) над инпутом. Требует наличия аттрибута id
mask задает маску инпуту
icon: задает значок (см. раздел Icons)
iconClassList: задает классы для значков
containerClassList: задает классы контейнеру, содержащему в себе инпут и Label (если он прописан в пропсе)