SwInput

Компонент SwInput представляет собой
поле ввода с возможностью настройки
внешнего вида и поведения.

Свойства / Properties

Имя	Тип	Значения/Описание
`name`	`String`	Обязателен! нужен для связывания через id input и label.
`class`	`String`	Добавляет пользовательский CSS-класс к компоненту.
`size`	`String`	Размер поля: `'large'`, `'small'`.
`type`	`String`	Тип поля: `'text'`- по умолчанию, `'phone'`- телефон, `'password'` - пароль
`before`	`String`	Название svg в спрайте загружаемое в начале.
`after`	`String`	Название svg в спрайте загружаемое в конце.
`placeholder`	`String`	Текст Placeholder.
`required`	`Boolean`	Признак обязательно ли для заполнения false - по умолчанию.
`label`	`String`	Текст в Label.
`maxlength`	`Number`	По умолчанию - 128, параметр атрибута max-length. Минимальное количество символов разрешённых в тексте.
`minlength`	`Number`	По умолчанию - 1, параметр атрибута min-length. Минимальное количество символов разрешённых в тексте.
`inputSize`	`Number`	По умолчанию - 60, параметр атрибута size - ширина текстового поля.
`autofocus`	`Boolean`	По умолчанию - false, Устанавливает фокус в поле формы.
`readonly`	`Boolean`	По умолчанию - false, Устанавливает, что поле не может изменяться пользователем.

Слоты / Slots

#prefix - вставка при отсутствии before не обязательно / Insertion when before is not used (optional).

#suffix - вставка при отсутствии after не обязательно / Insertion when after is not used (optional).

События / Events

prefix - клик иконке before

suffix - клик иконке after

focusInput - focus на поле ввода

Пример использования / Example Usage

<sw-input 
  name="input"
  class="custom-class" 
  size="large" 
  type="phone"
  before="phone"
  after=""
  placeholder="input"
  label="input"
  @prefix="console.log('before')"
>
  <template #suffix>#</template>
</sw-input>