@opencloud-eu/design-system
Version:
OpenCloud Design System is used to design OpenCloud UI components
31 lines (30 loc) • 1.15 kB
TypeScript
export interface Props {
/**
* @docs The accessible label for the avatar. Only needed in case the avatar is used alone. If not specified, the avatar will get `aria-hidden="true"`.
*/
accessibleLabel?: string;
/**
* @docs The color of the text displayed in the avatar.
* @default white
*/
color?: string;
/**
* @docs The background color of the avatar. If not specified, a random color will be generated based on the username.
*/
backgroundColor?: string;
/**
* @docs The source of the image to be displayed.
*/
src?: string;
/**
* @docs The user name to extract the initials from if `src` is empty.
*/
userName?: string;
/**
* @docs The width of the avatar.
* @default 50
*/
width?: number;
}
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
export default _default;