@mantine/core/lib/src/components/Avatar/Avatar.d.ts

React components library focused on usability, accessibility and developer experience

import React from 'react';
import { DefaultProps, MantineNumberSize } from '../../theme';
import useStyles from './Avatar.styles';
export declare const AVATAR_SIZES: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
};
export declare type AvatarStylesNames = keyof ReturnType<typeof useStyles>;
export interface AvatarProps extends DefaultProps<AvatarStylesNames>, React.ComponentPropsWithoutRef<'div'> {
    /** Image url */
    src?: string;
    /** Image alt text or title for placeholder variant */
    alt?: string;
    /** Avatar width and height */
    size?: MantineNumberSize;
    /** Predefined border-radius value from theme.radius or number for border-radius in px */
    radius?: MantineNumberSize;
    /** Color from theme used for letter and icon placeholders */
    color?: string;
}
export declare function Avatar({ className, style, size, src, alt, radius, children, color, themeOverride, classNames, styles, ...others }: AvatarProps): JSX.Element;
export declare namespace Avatar {
    var displayName: string;
}
//# sourceMappingURL=Avatar.d.ts.map