@patreon/studio/module/components/Avatar/types.d.ts

Patreon Studio Design System

import type { BaseProps, StylableProps } from '~/types/component';
import type { ValueOrResponsive } from '~/utilities/opaque-responsive';
export type Size = '18px' | '20px' | '24px' | '28px' | '32px' | '36px' | '40px' | '60px' | '80px' | '120px' | 'fluid';
export interface AvatarProps extends BaseProps, StylableProps {
    /**
     * Shape of Avatar.
     * @default circle
     */
    shape?: 'circle' | 'square';
    /**
     * Defaults to `40px`. Accepts responsive values.
     */
    size?: ValueOrResponsive<Size>;
    /** Defaults to placeholder profile image. Avatar background image URL source. */
    src?: string;
    /** Alt text for the image */
    alt?: string;
}