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

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

import { FunctionalComponent, SVGAttributes } from 'vue';
import { Color } from '../types/colors';
export interface FSvgImageProps {
    /**
     * Use an svg markup (svg file content as string)
     */
    markup?: string | null;
    /**
     * Use a built component (_e.g._ from vite-svg-loader)
     */
    component?: FunctionalComponent<SVGAttributes> | null;
    /**
     * Use a src (public image url)
     */
    src?: string;
    /**
     * Alternative text for the image
     */
    alt?: string;
    /**
     * Width of the image
     */
    width?: string | number;
    /**
     * Width of the image
     */
    height?: string | number;
    /**
     * Stroke color of the SVG
     */
    strokeColor?: Color;
    /**
     * Fill color of the SVG
     */
    fillColor?: Color;
    /**
     * Use the colors of the svg
     */
    useSvgColors?: boolean;
}
declare const _default: import('vue').DefineComponent<FSvgImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FSvgImageProps> & Readonly<{}>, {
    width: string | number;
    src: string;
    alt: string;
    height: string | number;
    component: FunctionalComponent<SVGAttributes> | null;
    strokeColor: Color;
    markup: string | null;
    fillColor: Color;
    useSvgColors: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export default _default;