Тема
SInlineInput
Обзор
Inline contenteditable-поле с placeholder, multiline и сообщениями подсказки/ошибки.
Usage
Базовое inline-поле с placeholder.
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Props
С ошибкой
Сообщение валидации под полем.
Multiline
Многострочный режим ввода.
Max length
Ограничение длины текста.
Readonly
Только чтение: без редактирования, курсор default.
Slots
С иконкой в слоте
Кнопка-иконка слева от поля.
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
label | string | Текст подписи; для своей разметки используйте слот label. | — |
labelProps | TSLabelFieldProps | Пропсы, передаваемые во внутренний SLabel. | — |
id | string | Атрибут id contenteditable-элемента; генерируется автоматически, если не задан. | — |
appearance | ESInlineInputAppearance | Визуальный вес поверхности поля. | filled |
tag | string | Тег contenteditable элемента | 'div' |
multiline | boolean | Многострочный режим contenteditable. | false |
maxlength | number | Максимальная длина | — |
placeholder | string | Placeholder нативного input. | '' |
helpMessages | TSInlineInputMessages | Подсказка под полем (строка или массив). | — |
errorMessages | TSInlineInputMessages | Текст ошибки под полем (строка или массив). | — |
disabled | boolean | Отключает редактирование и взаимодействие. | false |
readonly | boolean | Только чтение без стиля disabled. | false |
spellcheck | boolean | Нативная проверка орфографии браузера. | false |
modelValue / v-model | string | Двустороннее значение компонента (v-model). | '' |
События
| Имя | Описание | Payload |
|---|---|---|
blur | — | — |
Слоты
| Имя | Описание |
|---|---|
label | |
default | |
message |