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

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

import { Color } from '../types/colors';
export interface FAvatarProps {
    /**
     * Source of the avatar
     */
    src?: string;
    /**
     * Alt text for the avatar
     */
    alt?: string;
    /**
     * Size of the avatar
     */
    size?: string | number;
    /**
     * Placeholder image source
     */
    placeholder?: string;
    /**
     * Loading mode of the avatar. Default to lazy
     */
    loading?: 'lazy' | 'eager';
    /**
     * Display initial letter. It will be displayed if no src is given or as a placeholder if no placehoder
     * given in lazy mode. As typescript cannot restrict the length of a string, any string is valid but the
     * component will display only the first letter in uppercase anyway.
     */
    letter?: string;
    /**
     * Avatar color, defaults to transparent
     */
    color?: Color;
    /**
     * Avatar text color, when initial letter is displayed, defaults to secondary
     */
    textColor?: Color;
}
declare const _default: import('vue').DefineComponent<FAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FAvatarProps> & Readonly<{}>, {
    color: Color;
    textColor: Color;
    src: string;
    alt: string;
    size: string | number;
    placeholder: string;
    loading: "lazy" | "eager";
    letter: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export default _default;