vuetning
Version:
<p align="center"> <img width="160"src="https://s3.amazonaws.com/arcthos.com/vuetning/logo.svg"> </p>
127 lines (126 loc) • 4.28 kB
TypeScript
declare const _default: import("vue").DefineComponent<{
/**
* The alternative text used to describe the avatar, which is displayed as hover text on the image.
*/
alternativeText: StringConstructor;
/**
* Indicates whether the avatar uses the circle variant.
*/
circle: BooleanConstructor;
/**
* The Lightning Design System name of the icon used as a fallback when the image fails to load.
* The initials fallback relies on this for its background color. Names are written in the format 'standard:account' where 'standard' is the category, and 'account' is the specific icon to be displayed.
* Defaults to standard:user
*/
fallbackIcon: {
type: StringConstructor;
default: string;
};
/**
* If the record name contains two words, like first and last name, use the first capitalized letter of each.
* For records that only have a single word name, use the first two letters of that word using one capital and one lower case letter.
*/
initials: StringConstructor;
/**
* Indicates whether the avatar uses the inverse variant when showing initials.
*/
inverse: BooleanConstructor;
/**
* Indicates whether the avatar uses the large size.
*/
large: BooleanConstructor;
/**
* Indicates whether the avatar uses the medium size.
* If no other size is set, this one will be used by default.
*/
medium: BooleanConstructor;
/**
* Indicates whether the avatar uses the small size.
*/
small: BooleanConstructor;
/**
* The URL for the image to display.
*/
src: StringConstructor;
/**
* Indicates whether the avatar uses the x-small size.
*/
xSmall: BooleanConstructor;
}, unknown, {
/**
* Indicates whether the fallback icon should be displayed.
*/
showFallbackIcon: boolean;
}, {
/**
* The CSS class names for the avatar.
*/
avatarClass(): string;
/**
* The CSS class names for the initials element.
*/
initialsClass(): string;
}, {
/**
* Handles the image error event.
* @param event The event.
*/
onImageError(event: Event): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* The alternative text used to describe the avatar, which is displayed as hover text on the image.
*/
alternativeText: StringConstructor;
/**
* Indicates whether the avatar uses the circle variant.
*/
circle: BooleanConstructor;
/**
* The Lightning Design System name of the icon used as a fallback when the image fails to load.
* The initials fallback relies on this for its background color. Names are written in the format 'standard:account' where 'standard' is the category, and 'account' is the specific icon to be displayed.
* Defaults to standard:user
*/
fallbackIcon: {
type: StringConstructor;
default: string;
};
/**
* If the record name contains two words, like first and last name, use the first capitalized letter of each.
* For records that only have a single word name, use the first two letters of that word using one capital and one lower case letter.
*/
initials: StringConstructor;
/**
* Indicates whether the avatar uses the inverse variant when showing initials.
*/
inverse: BooleanConstructor;
/**
* Indicates whether the avatar uses the large size.
*/
large: BooleanConstructor;
/**
* Indicates whether the avatar uses the medium size.
* If no other size is set, this one will be used by default.
*/
medium: BooleanConstructor;
/**
* Indicates whether the avatar uses the small size.
*/
small: BooleanConstructor;
/**
* The URL for the image to display.
*/
src: StringConstructor;
/**
* Indicates whether the avatar uses the x-small size.
*/
xSmall: BooleanConstructor;
}>>, {
small: boolean;
circle: boolean;
large: boolean;
inverse: boolean;
xSmall: boolean;
medium: boolean;
fallbackIcon: string;
}, {}>;
export default _default;