@ownclouders/design-system
Version:
ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components
26 lines (25 loc) • 1.22 kB
TypeScript
/**
* OcAvatarFederated - A component for displaying a federated avatar with a globe icon.
*
* @prop {string} name - The name associated with the avatar. This is required.
* @prop {string} [accessibleLabel=''] - An accessible label for the avatar. If empty, the avatar will be hidden from assistive technologies.
* @prop {number} [width=30] - The width and height of the avatar in pixels. Defaults to 30px.
* @prop {string} [iconSize='small'] - The size of the globe icon. Defaults to "small".
*
* @example
* ```vue
* <!-- Default usage -->
* <oc-avatar-federated name="federated" accessible-label="federated" />
*
* <!-- Custom size -->
* <oc-avatar-federated name="federated" accessible-label="federated" :width="50" icon-size="medium" />
* ```
*/
interface Props {
name: string;
accessibleLabel?: string;
width?: number;
iconSize?: string;
}
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;