--- metadata: - name: generator content: Diplodoc Platform v5.50.3 alternate: - https://divkit.tech/docs/en/concepts/divs/2/div-input.md - https://divkit.tech/docs/ru/concepts/divs/2/div-input.md --- > **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/ru/llms.txt # div-input Элемент для ввода текста. ## Параметры | Параметры | Описание | | --- | --- | | `text_variable` |

**string**

Обязательный параметр.

Название переменной для хранения текста.

| | `type` |

**string**

Обязательный параметр.

Значение всегда должно равняться `input`.

| | `accessibility` |

**object**

Настройки доступности.

Значение имеет тип `div-accessibility`.

Доступные платформы: Android, iOS, веб.

| | `alignment_horizontal` |

**string**

Горизонтальное выравнивание элемента внутри родительского.

Возможные значения: `left`, `center`, `right`, `start`, `end`.

| | `alignment_vertical` |

**string**

Вертикальное выравнивание элемента внутри родительского.

Возможные значения: `top`, `center`, `bottom`, `baseline`.

| | `alpha` |

**number**

Устанавливает прозрачность всего элемента: `0` — полностью прозрачный, `1` — непрозрачный.

Ограничение для значения `x`: `x >= 0.0 && x <= 1.0`.

Значение по умолчанию: `1.0`.

| | `animators` |

**array**

Объявление аниматоров, с помощью которых можно изменять значение переменных во времени.

Доступные платформы: Android, iOS, веб.

Список возможных значений:

  • [div-color-animator](div-color-animator.md#div-color-animator)
  • [div-number-animator](div-number-animator.md#div-number-animator)

    • | | `autocapitalization` |

    **string**

    Тип автоматической капитализации текста.

  • По умолчанию: `auto` — дефолтное поведение платформы;
  • `none` — автоматическая капитализация не применяется;
  • `words` — капитализация каждого слова;
  • `sentences` — капитализация в начале предложения;
  • `all_characters` — капитализация каждого символа.

    • Возможные значения: `auto`, `none`, `words`, `sentences`, `all_characters`.

    Значение по умолчанию: `auto`.

    Доступные платформы: Android, iOS, веб.

    | | `background` |

    **array**

    Фон элемента. Может содержать несколько слоев.

    Список возможных значений:

  • [div-linear-gradient](div-linear-gradient.md#div-linear-gradient)
  • [div-radial-gradient](div-radial-gradient.md#div-radial-gradient)
  • [div-image-background](div-image-background.md#div-image-background)
  • [div-solid-background](div-solid-background.md#div-solid-background)
  • [div-nine-patch-background](div-nine-patch-background.md#div-nine-patch-background)

    • | | `border` |

    **object**

    Рамка элемента.

    Значение имеет тип `div-border`.

    | | `column_span` |

    **int**

    Объединяет ячейки в столбце элемента [grid](div-grid.md).

    Ограничение для значения `x`: `x >= 0`.

    Доступные платформы: Android, iOS, веб.

    | | `disappear_actions` |

    **array**

    Действия при исчезновении элемента с экрана.

    Доступные платформы: Android, iOS, веб.

    | | `enter_key_actions` |

    **array**

    Действия при нажатии кнопки клавиатуры `Enter`. При наличии действий поведение по умолчанию будет переопределено.

    Доступные платформы: iOS, Android, веб.

    | | `enter_key_type` |

    **string**

    Тип кнопки клавиатуры `Enter`.

    Возможные значения: `default`, `go`, `search`, `send`, `done`.

    Значение по умолчанию: `default`.

    Доступные платформы: iOS, Android, веб.

    | | `extensions` |

    **array**

    Расширения для дополнительной обработки элемента. Список расширений см. в разделе [Кастомизация](../../extensions).

    Доступные платформы: Android, iOS, веб.

    | | `filters` |

    **array**

    Фильтр, который не допускает ввод текста, не соответствующего заданным условиям.

    Доступные платформы: Android, iOS, веб.

    Список возможных значений:

  • [div-input-filter-regex](div-input-filter-regex.md#div-input-filter-regex)
  • [div-input-filter-expression](div-input-filter-expression.md#div-input-filter-expression)

    • | | `focus` |

    **object**

    Параметры при фокусировке на элементе или потере фокуса.

    Значение имеет тип `div-focus`.

    | | `font_family` |

    **string**

    Семейство шрифта:

  • `text` — стандартный текстовый шрифт;
  • `display` — семейство для шрифтов с крупным кеглем.

    • Доступные платформы: Android, iOS, веб.

    | | `font_size` |

    **int**

    Размер шрифта.

    Ограничение для значения `x`: `x >= 0`.

    Значение по умолчанию: `12`.

    | | `font_size_unit` |

    **string**

    Единица измерения:

  • `px` — физический пиксель.
  • `dp` — логический пиксель, который не зависит от плотности экрана.
  • `sp` — логический пиксель, который зависит от размера шрифта на устройстве. Указывайте в `sp` высоту. Доступен только на Android.

    • Возможные значения: `dp`, `sp`, `px`.

    Значение по умолчанию: `sp`.

    | | `font_variation_settings` |

    **dictionary**

    Список свойств шрифтов TrueType/OpenType. Словарь состоит из пар значений тега оси и стиля. Тег оси должен содержать четыре символа ASCII.

    Доступные платформы: iOS, Android, веб.

    | | `font_weight` |

    **string**

    Начертание.

    Возможные значения: `light`, `medium`, `regular`, `bold`.

    | | `font_weight_value` |

    **int**

    Начертание. Числовое значение.

    Ограничение для значения `x`: `x > 0`.

    Доступные платформы: Android, iOS, веб.

    | | `functions` |

    **array**

    Пользовательские функции.

    Доступные платформы: Android, iOS, веб.

    | | `height` |

    **object**

    Высота элемента. Для Android: если в этом или в дочернем элементе есть текст, укажите высоту в `sp`, чтобы элемент масштабировался вместе с текстом. Подробнее о единицах измерения размера в разделе [Верстка внутри карточки](../../layout).

    Значение имеет тип `div-size`.

    Значение по умолчанию: `{"type": "wrap_content"}`.

    Список возможных значений:

  • [div-fixed-size](div-fixed-size.md#div-fixed-size)
  • [div-match-parent-size](div-match-parent-size.md#div-match-parent-size)
  • [div-wrap-content-size](div-wrap-content-size.md#div-wrap-content-size)

    • | | `hide_suggestions_bar` |

    **bool_int**

    Скрывает или показывает панель с подсказками над виртуальной клавиатурой. На платформах, где система не поддерживает скрытие панели с подсказками, будет работать поведение системы по умолчанию.

    Значение по умолчанию: `false`.

    Функциональность находится в разработке.

    | | `highlight_color` |

    **string**

    Цвет выделения текста. Если значение не задано, будет использован цвет, установленный на клиенте.

    Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.

    Доступные платформы: Android, iOS, веб.

    | | `hint_color` |

    **string**

    Цвет текста.

    Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.

    Значение по умолчанию: `#73000000`.

    | | `hint_text` |

    **string**

    Текст подсказки.

    | | `id` |

    **string**

    Идентификатор элемента. На iOS используется в качестве `accessibilityIdentifier`.

    | | `is_enabled` |

    **bool_int**

    Включает или отключает возможность редактирования текста.

    Значение по умолчанию: `true`.

    | | `keyboard_type` |

    **string**

    Тип клавиатуры.

    Возможные значения: `single_line_text`, `multi_line_text`, `phone`, `number`, `email`, `uri`, `password`.

    Значение по умолчанию: `multi_line_text`.

    | | `layout_provider` |

    **object**

    Предоставляет данные о реальном размере элемента.

    Значение имеет тип `div-layout-provider`.

    Доступные платформы: Android, iOS, веб.

    | | `letter_spacing` |

    **number**

    Интервал между символами.

    Значение по умолчанию: `0`.

    Доступные платформы: Android, iOS, веб.

    | | `line_height` |

    **int**

    Межстрочный интервал (интерлиньяж) текста. Измеряется в единицах, заданных в `font_size_unit`.

    Ограничение для значения `x`: `x >= 0`.

    | | `margins` |

    **object**

    Внешние отступы от рамки элемента.

    Значение имеет тип `div-edge-insets`.

    | | `mask` |

    **object**

    Маска для ввода текста по заданному шаблону.

    Значение имеет тип `div-input-mask`.

    Доступные платформы: Android, iOS, веб.

    Список возможных значений:

  • [div-fixed-length-input-mask](div-fixed-length-input-mask.md#div-fixed-length-input-mask)
  • [div-currency-input-mask](div-currency-input-mask.md#div-currency-input-mask)
  • [div-phone-input-mask](div-phone-input-mask.md#div-phone-input-mask)

    • | | `max_length` |

    **int**

    Максимальное количество символов, которое можно ввести в поле ввода.

    Ограничение для значения `x`: `x > 0`.

    Доступные платформы: Android, iOS, веб.

    | | `max_visible_lines` |

    **int**

    Максимальное количество строк, которое будет видно в поле ввода.

    Ограничение для значения `x`: `x > 0`.

    | | `native_interface` |

    **object**

    Нативный внешний вид - линия ввода текста.

    Значение имеет тип `native_interface`.

    Доступные платформы: Android.

    | | `paddings` |

    **object**

    Внутренние отступы от рамки элемента.

    Значение имеет тип `div-edge-insets`.

    | | `reuse_id` |

    **string**

    ID для структуры div-объекта. Используется для более оптимального переиспользования блоков. См. [переиспользование блоков](../../reuse/reuse.md).

    Доступные платформы: Android, iOS.

    | | `row_span` |

    **int**

    Объединяет ячейки в строке элемента [grid](div-grid.md).

    Ограничение для значения `x`: `x >= 0`.

    Доступные платформы: Android, iOS, веб.

    | | `select_all_on_focus` |

    **bool_int**

    Выделение введенного текста при получении фокуса.

    Значение по умолчанию: `false`.

    Доступные платформы: Android, iOS, веб.

    | | `selected_actions` |

    **array**

    Список [действий](div-action.md), которые будут выполнены при выборе элемента в [пейджере](div-pager.md).

    Доступные платформы: Android, iOS, веб.

    | | `text_alignment_horizontal` |

    **string**

    Горизонтальное выравнивание текста.

    Возможные значения: `left`, `center`, `right`, `start`, `end`.

    Значение по умолчанию: `start`.

    | | `text_alignment_vertical` |

    **string**

    Вертикальное выравнивание текста.

    Возможные значения: `top`, `center`, `bottom`, `baseline`.

    Значение по умолчанию: `center`.

    | | `text_color` |

    **string**

    Цвет текста.

    Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.

    Значение по умолчанию: `#FF000000`.

    | | `tooltips` |

    **array**

    Привязанные к элементу всплывающие подсказки. Подсказка может быть показана по `div-action://show_tooltip?id=`, скрыта по `div-action://hide_tooltip?id=`, где `id` — id подсказки.

    Доступные платформы: Android, iOS, веб.

    | | `transform` |

    **object**

    Применяет к элементу переданное преобразование. Тот контент, который не поместится в исходную область просмотра, будет обрезан.

    Значение имеет тип `div-transform`.

    Доступные платформы: Android, iOS, веб.

    | | `transformations` |

    **array**

    Массив преобразований, которые будут применены к элементу последовательно.

    Доступные платформы: веб.

    Список возможных значений:

  • [div-rotation-transformation](div-rotation-transformation.md#div-rotation-transformation)
  • [div-translation-transformation](div-translation-transformation.md#div-translation-transformation)

    • | | `transition_change` |

    **object**

    Анимация изменения. Воспроизводится при изменении положения или размера элемента в новой верстке.

    Значение имеет тип `div-change-transition`.

    Доступные платформы: Android, iOS, веб.

    Список возможных значений:

  • [div-change-set-transition](div-change-set-transition.md#div-change-set-transition)
  • [div-change-bounds-transition](div-change-bounds-transition.md#div-change-bounds-transition)

    • | | `transition_in` |

    **object**

    Анимация появления. Воспроизводится при появлении элемента с новым id. Подробнее о концепции переходов в разделе [Анимация перехода](../../interaction#animation/transition-animation).

    Значение имеет тип `div-appearance-transition`.

    Доступные платформы: Android, iOS, веб.

    Список возможных значений:

  • [div-appearance-set-transition](div-appearance-set-transition.md#div-appearance-set-transition)
  • [div-fade-transition](div-fade-transition.md#div-fade-transition)
  • [div-scale-transition](div-scale-transition.md#div-scale-transition)
  • [div-slide-transition](div-slide-transition.md#div-slide-transition)

    • | | `transition_out` |

    **object**

    Анимация исчезания. Воспроизводится при исчезании элемента в новой верстке.

    Значение имеет тип `div-appearance-transition`.

    Доступные платформы: Android, iOS, веб.

    Список возможных значений:

  • [div-appearance-set-transition](div-appearance-set-transition.md#div-appearance-set-transition)
  • [div-fade-transition](div-fade-transition.md#div-fade-transition)
  • [div-scale-transition](div-scale-transition.md#div-scale-transition)
  • [div-slide-transition](div-slide-transition.md#div-slide-transition)

    • | | `transition_triggers` |

    **array**

    Триггеры запуска анимации. Значение по умолчанию: `[state_change, visibility_change]`.

    Массив должен быть непустым.

    Доступные платформы: Android, iOS, веб.

    | | `validators` |

    **array**

    Валидатор, который проверяет значение поля на соответствие заданным условиям.

    Доступные платформы: Android, iOS, веб.

    Список возможных значений:

  • [div-input-validator-regex](div-input-validator-regex.md#div-input-validator-regex)
  • [div-input-validator-expression](div-input-validator-expression.md#div-input-validator-expression)

    • | | `variable_triggers` |

    **array**

    Триггеры изменения переменных внутри элемента.

    Доступные платформы: Android, iOS, веб.

    | | `variables` |

    **array**

    Объявление переменных, которые могут использоваться внутри элемента. Переменные, объявленные в данном массиве, могут использоваться только внутри самого элемента и его дочерних элементов.

    Доступные платформы: iOS, веб, Android.

    Список возможных значений:

  • [string_variable](string_variable.md#string_variable)
  • [number_variable](number_variable.md#number_variable)
  • [integer_variable](integer_variable.md#integer_variable)
  • [boolean_variable](boolean_variable.md#boolean_variable)
  • [color_variable](color_variable.md#color_variable)
  • [url_variable](url_variable.md#url_variable)
  • [dict_variable](dict_variable.md#dict_variable)
  • [array_variable](array_variable.md#array_variable)
  • [property_variable](property_variable.md#property_variable)

    • | | `visibility` |

    **string**

    Видимость элемента.

    Возможные значения: `visible`, `invisible`, `gone`.

    Значение по умолчанию: `visible`.

    | | `visibility_action` |

    **object**

    Трекинг видимости одного элемента. Не используется, если задан параметр `visibility_actions`.

    Значение имеет тип `div-visibility-action`.

    | | `visibility_actions` |

    **array**

    Действия при появлении элемента на экране.

    | | `width` |

    **object**

    Ширина элемента.

    Значение имеет тип `div-size`.

    Значение по умолчанию: `{"type": "match_parent"}`.

    Список возможных значений:

  • [div-fixed-size](div-fixed-size.md#div-fixed-size)
  • [div-match-parent-size](div-match-parent-size.md#div-match-parent-size)
  • [div-wrap-content-size](div-wrap-content-size.md#div-wrap-content-size)

    • | ### native_interface | Параметры | Описание | | --- | --- | | `color` |

    **string**

    Обязательный параметр.

    Цвет линии ввода текста.

    Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.

    Доступные платформы: Android.

    |
    JSON ```json { type*: "input", accessibility: { description: "string", hint: "string", is_checked: "bool_int", mode: "string", mute_after_action: "bool_int", state_description: "string", type: "string" }, alignment_horizontal: "string", alignment_vertical: "string", alpha: "number", animators: [ div-animator, ... ], autocapitalization: "string", background: [ div-background, ... ], border: { corner_radius: "int", corners_radius: { bottom-left: "int", bottom-right: "int", top-left: "int", top-right: "int" }, has_shadow: "bool_int", shadow: { alpha: "number", blur: "int", color: "string", offset*: { x*: { unit: "string", value*: "number" }, y*: { unit: "string", value*: "number" } } }, stroke: { color*: "string", style: div-stroke-style, unit: "string", width: "number" } }, column_span: "int", disappear_actions: [ { disappear_duration: "int", download_callbacks: { on_fail_actions: [ { download_callbacks: div-download-callbacks, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ], on_success_actions: [ { download_callbacks: div-download-callbacks, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ] }, is_enabled: "bool_int", log_id*: "string", log_limit: "int", payload: "object", referer: "string", scope_id: "string", typed: div-action-typed, url: "string", visibility_percentage: "int" }, ... ], enter_key_actions: [ { download_callbacks: { on_fail_actions: [ div-action, ... ], on_success_actions: [ div-action, ... ] }, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ], enter_key_type: "string", extensions: [ { id*: "string", is_enabled: "bool_int", params: "object" }, ... ], filters: [ div-input-filter, ... ], focus: { background: [ div-background, ... ], border: { corner_radius: "int", corners_radius: { bottom-left: "int", bottom-right: "int", top-left: "int", top-right: "int" }, has_shadow: "bool_int", shadow: { alpha: "number", blur: "int", color: "string", offset*: { x*: { unit: "string", value*: "number" }, y*: { unit: "string", value*: "number" } } }, stroke: { color*: "string", style: div-stroke-style, unit: "string", width: "number" } }, next_focus_ids: { down: "string", forward: "string", left: "string", right: "string", up: "string" }, on_blur: [ { download_callbacks: { on_fail_actions: [ div-action, ... ], on_success_actions: [ div-action, ... ] }, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ], on_focus: [ { download_callbacks: { on_fail_actions: [ div-action, ... ], on_success_actions: [ div-action, ... ] }, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ] }, font_family: "string", font_size: "int", font_size_unit: "string", font_variation_settings: "dictionary", font_weight: "string", font_weight_value: "int", functions: [ { arguments*: [ { name*: "string", type*: "string" }, ... ], body*: "string", name*: "string", return_type*: "string" }, ... ], height: div-size, hide_suggestions_bar: "bool_int", highlight_color: "string", hint_color: "string", hint_text: "string", id: "string", is_enabled: "bool_int", keyboard_type: "string", layout_provider: { height_variable_name: "string", width_variable_name: "string" }, letter_spacing: "number", line_height: "int", margins: { bottom: "int", end: "int", left: "int", right: "int", start: "int", top: "int", unit: "string" }, mask: div-input-mask, max_length: "int", max_visible_lines: "int", native_interface: { color*: "string" }, paddings: { bottom: "int", end: "int", left: "int", right: "int", start: "int", top: "int", unit: "string" }, reuse_id: "string", row_span: "int", select_all_on_focus: "bool_int", selected_actions: [ { download_callbacks: { on_fail_actions: [ div-action, ... ], on_success_actions: [ div-action, ... ] }, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ], text_alignment_horizontal: "string", text_alignment_vertical: "string", text_color: "string", text_variable*: "string", tooltips: [ { animation_in: { duration: "int", end_value: "number", interpolator: "string", items: [ div-animation, ... ], name*: "string", repeat: div-count, start_delay: "int", start_value: "number" }, animation_out: { duration: "int", end_value: "number", interpolator: "string", items: [ div-animation, ... ], name*: "string", repeat: div-count, start_delay: "int", start_value: "number" }, background_accessibility_description: "string", bring_to_top_id: "string", close_by_tap_outside: "bool", div*: div, duration: "int", id*: "string", mode: div-tooltip-mode, offset: { x*: { unit: "string", value*: "number" }, y*: { unit: "string", value*: "number" } }, position*: "string", substrate_div: div, tap_outside_actions: [ { download_callbacks: { on_fail_actions: [ div-action, ... ], on_success_actions: [ div-action, ... ] }, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ] }, ... ], transform: { pivot_x: div-pivot, pivot_y: div-pivot, rotation: "number" }, transformations: [ div-transformation, ... ], transition_change: div-change-transition, transition_in: div-appearance-transition, transition_out: div-appearance-transition, transition_triggers: [ "string", ... ], validators: [ div-input-validator, ... ], variable_triggers: [ { actions*: [ { download_callbacks: { on_fail_actions: [ div-action, ... ], on_success_actions: [ div-action, ... ] }, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ], condition*: "bool_int", mode: "string" }, ... ], variables: [ div-variable, ... ], visibility: "string", visibility_action: { download_callbacks: { on_fail_actions: [ { download_callbacks: div-download-callbacks, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ], on_success_actions: [ { download_callbacks: div-download-callbacks, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ] }, is_enabled: "bool_int", log_id*: "string", log_limit: "int", payload: "object", referer: "string", scope_id: "string", typed: div-action-typed, url: "string", visibility_duration: "int", visibility_percentage: "int" }, visibility_actions: [ { download_callbacks: { on_fail_actions: [ { download_callbacks: div-download-callbacks, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ], on_success_actions: [ { download_callbacks: div-download-callbacks, is_enabled: "bool_int", log_id*: "string", log_url: "string", menu_items: [ { action: div-action, actions: [ div-action, ... ], text*: "string" }, ... ], payload: "object", referer: "string", scope_id: "string", target: "string", typed: div-action-typed, url: "string" }, ... ] }, is_enabled: "bool_int", log_id*: "string", log_limit: "int", payload: "object", referer: "string", scope_id: "string", typed: div-action-typed, url: "string", visibility_duration: "int", visibility_percentage: "int" }, ... ], width: div-size } ```