@fifteen/design-system-vue/dist/types/components/FBackgroundImage.d.ts

Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System

import { default as CSS } from 'csstype';
export interface FBackgroundImageProps {
    /**
     * Source of the image
     */
    src: string;
    /**
     * Height of the image
     */
    height?: string | number;
    /**
     * Width of the image
     */
    width?: string | number;
    /**
     * Position of the image
     */
    position?: string | number;
    /**
     * Size of the image, mapped on background-size
     */
    size: CSS.Properties['backgroundSize'];
    /**
     * Repeat property of the image, mapped to background-repeat
     */
    repeat?: CSS.Properties['backgroundRepeat'];
    /**
     * Blend mode of the image, mapped to mix-blend-mode
     */
    blendMode?: CSS.Properties['mixBlendMode'];
    /**
     * Background color, used instead of source if no provided
     */
    color?: string;
    /**
     * Loading rule of the image.
     */
    loading?: 'lazy' | 'eager';
    /**
     * Second image source used as placeholder
     */
    placeholder?: string;
}
declare const _default: import('vue').DefineComponent<FBackgroundImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FBackgroundImageProps> & Readonly<{}>, {
    color: string;
    width: string | number;
    repeat: CSS.Property.BackgroundRepeat;
    placeholder: string;
    loading: "lazy" | "eager";
    height: string | number;
    position: string | number;
    blendMode: CSS.Property.MixBlendMode;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export default _default;