Image
Отображает изображение в одном из форматов GIF, JPEG или PNG
Свойства компонента позволяют задавать путь к файлу изображения, размер изображения и альтернативный текст.
<Image Value="https://www.google.com/logos/doodles/2020/december-holidays-days-2-30-6753651837108830.5-s.png" />
Свойства
| Имя | Описание | Тип | Значение по умолчанию | Возможные значения |
|---|---|---|---|---|
| CSS | Массив строк-классов CSS-стилей компонента | array | ||
| Height | Высота в пикселях (используется по умолчанию) или процентах | string | ||
| Hidden | Признак состояния компонента Скрыт | boolean | ||
| Hint | Всплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текста | any | ||
| Id | Идентификатор компонента для навигации к нему на HTML-странице | string | ||
| Mode | Размер изображения | enum | Default | Default - Изображение без маштабированияSmall - Изображение маштабируется до ширины в 150 pxMedium - Изображение маштабируется до ширины в 300 pxLarge - Изображение маштабируется до ширины в 500 px |
| OnClick | Обработчик события Click | undefined | ||
| OnKeyDown | Обработчик события KeyDown | undefined | ||
| OnKeyUp | Обработчик события KeyUp | undefined | ||
| OnMouseDown | Обработчик события MouseDown | undefined | ||
| OnMouseEnter | Обработчик события MouseEnter | undefined | ||
| OnMouseLeave | Обработчик события MouseLeave | undefined | ||
| OnMouseMove | Об работчик события MouseMove | undefined | ||
| OnMouseOut | Обработчик события MouseOut | undefined | ||
| OnMouseOver | Обработчик события MouseOver | undefined | ||
| OnMouseUp | Обработчик события MouseUp | undefined | ||
| OnUnmount | Обработчик события Unmount | undefined | ||
| Slot | Метка для динамического добавления другого компонента по его идентификатору | string | ||
| Text | Альтернативный текст для изображения | string | ||
| Tooltip | Всплывающая подсказка над компонентом, чаще используемая для пояснения назначения значка | any | ||
| TraceId | Идентификатор для отслеживания состояния компонента исходя из хронологической последовательности: создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента | string | ||
| Value | Путь к файлу изображения | string | ||
| Visible | Признак инверсии состояния компонента Скрыт | boolean | True | |
| Width | Ширина в пикселях (используется по умолчанию) или процентах | string |
Примеры
JSX:
<Image Value="https://www.google.com/logos/doodles/2020/december-holidays-days-2-30-6753651837108830.5-s.png" />