@coreui/vue
Version:
UI Components Library for Vue.js
105 lines (104 loc) • 4.08 kB
TypeScript
declare const CAvatar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
*/
color: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Select the shape of the component.
*
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
*/
shape: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Size the component small, large, or extra large.
*
* @values 'sm', 'md', 'lg', 'xl'
*/
size: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* The src attribute for the img element.
*/
src: StringConstructor;
/**
* Sets the color context of the status indicator to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
*/
status: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Sets the text color of the component to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
*/
textColor: {
type: StringConstructor;
validator: (value: string) => boolean;
};
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
*/
color: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Select the shape of the component.
*
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
*/
shape: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Size the component small, large, or extra large.
*
* @values 'sm', 'md', 'lg', 'xl'
*/
size: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* The src attribute for the img element.
*/
src: StringConstructor;
/**
* Sets the color context of the status indicator to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
*/
status: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Sets the text color of the component to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
*/
textColor: {
type: StringConstructor;
validator: (value: string) => boolean;
};
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export { CAvatar };