META UI Components
    Preparing search index...

    Interface IMeImageAttrs

    Атрибуты компонента me-image

    interface IMeImageAttrs {
        alt?: string;
        border?: string;
        borderRadius?: string;
        boxShadow?: string;
        clickable?: boolean;
        clickUrl?: string;
        cssClass?: string;
        decoding?: "auto" | "async" | "sync";
        external?: boolean;
        filter?: string;
        flipHorizontal?: boolean;
        flipVertical?: boolean;
        height?: string | number;
        hoverAnimation?: "none" | "rotate" | "zoom" | "fade";
        lazy?: boolean;
        lightbox?: boolean;
        lightboxCaption?: string;
        lightboxGroup?: string;
        loading?: "auto" | "eager" | "lazy";
        maxHeight?: string;
        maxWidth?: string;
        objectFit?: "fill" | "none" | "contain" | "cover" | "scale-down";
        objectPosition?: string;
        placeholderSrc?: string;
        rotation?: number;
        showLoader?: boolean;
        showPlaceholder?: boolean;
        sizes?: string;
        src?: string;
        srcset?: string;
        style?: CSSProperties;
        title?: string;
        tooltip?: string;
        watermark?: IMeImageWatermark;
        width?: string | number;
    }
    Index

    Properties

    alt?: string

    Альтернативный текст

    border?: string

    Рамка

    borderRadius?: string

    Скругление углов

    boxShadow?: string

    Тень

    clickable?: boolean

    Кликабельное изображение

    false
    
    clickUrl?: string

    URL для перехода при клике

    cssClass?: string

    Дополнительные CSS классы

    decoding?: "auto" | "async" | "sync"

    Декодирование изображения

    "auto"
    
    external?: boolean

    Открывать в новом окне

    false
    
    filter?: string

    Фильтры CSS

    flipHorizontal?: boolean

    Отразить по горизонтали

    false
    
    flipVertical?: boolean

    Отразить по вертикали

    false
    
    height?: string | number

    Высота изображения

    hoverAnimation?: "none" | "rotate" | "zoom" | "fade"

    Анимация при наведении

    lazy?: boolean

    Ленивая загрузка

    false
    
    lightbox?: boolean

    Показывать в лайтбоксе при клике

    false
    
    lightboxCaption?: string

    Подпись для лайтбокса

    lightboxGroup?: string

    Группа для лайтбокса

    loading?: "auto" | "eager" | "lazy"

    Загрузка изображения

    "auto"
    
    maxHeight?: string

    Максимальная высота

    maxWidth?: string

    Максимальная ширина

    objectFit?: "fill" | "none" | "contain" | "cover" | "scale-down"

    Режим масштабирования

    "cover"
    
    objectPosition?: string

    Позиция объекта

    "center"
    
    placeholderSrc?: string

    Изображение-заглушка

    rotation?: number

    Поворот изображения (в градусах)

    showLoader?: boolean

    Показывать индикатор загрузки

    true
    
    showPlaceholder?: boolean

    Показывать заглушку при ошибке

    true
    
    sizes?: string

    Sizes для адаптивных изображений

    src?: string

    Источник изображения

    srcset?: string

    Srcset для адаптивных изображений

    style?: CSSProperties

    Встроенные стили

    title?: string

    Заголовок изображения

    tooltip?: string

    Подсказка при наведении

    watermark?: IMeImageWatermark

    Водяной знак

    width?: string | number

    Ширина изображения