Input

Props

title

• type: string
• default: ''

Заголовок элемента

caption

• type: string
• default: ''

Подпись под инпутом, заменяется валидацией в случае ошибок

icon

• type: string|object|array
• default: ''

Иконка элемента слева, задается в формате fa-solid fa-user или solid/user

rightIcon

• type: string|object|array
• default: ''

Иконка элемента справа, задается в формате fa-solid fa-user или solid/user

tag

• type: string
• default: DEFAULT_TAG

Задает HTML тег для элемента обертки.

validator

• type: Validation
• default: () => (({}) as Validation)

Валидатор, используется объект валидатора v$ из Vuelidate.

validationTextAlign

• type: ValidationTextAlignType
• default: DEFAULT_VALIDATION_TEXT_ALIGN

Выравнивание текста с ошибкой валидации.

active

• type: boolean
• default: false

Принудительное указание активности инпута, полностью идентичный внешний вид с

Полезно к примеру в компоненте SfSelect, чтобы визуал не сбивался при multiple

hideValidationIcon

• type: boolean
• default: true

Отображение иконки валидации справа.

titleTooltip

• type: string|object
• default: null

Тултип для иконки circle-info на уровне title

Slots

CSS classes

v2

• required: 'false'