2022-09-12 07:13:52 +00:00
|
|
|
const AvatarProps = [
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'label',
|
|
|
|
type: 'string',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Defines the text to display.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'icon',
|
|
|
|
type: 'string',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Defines the icon to display.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'image',
|
|
|
|
type: 'string',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Defines the image to display.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'size',
|
|
|
|
type: 'string',
|
|
|
|
default: 'null',
|
2022-09-12 07:13:52 +00:00
|
|
|
description: 'Size of the element, valid options are "large" and "xlarge".'
|
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'shape',
|
|
|
|
type: 'string',
|
|
|
|
default: 'square',
|
2022-09-12 07:13:52 +00:00
|
|
|
description: 'Shape of the element, valid options are "square" and "circle".'
|
2022-09-14 14:26:41 +00:00
|
|
|
}
|
2022-09-12 07:13:52 +00:00
|
|
|
];
|
|
|
|
|
2023-04-18 13:42:36 +00:00
|
|
|
const AvatarSlots = [
|
|
|
|
{
|
|
|
|
name: 'icon',
|
|
|
|
description: 'Custom icon template.'
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
2022-09-12 07:13:52 +00:00
|
|
|
const AvatarEvents = [
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'error',
|
|
|
|
description: 'Triggered when an error occurs while loading an image file.'
|
2022-09-12 07:13:52 +00:00
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
avatar: {
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'Avatar',
|
|
|
|
description: 'Avatar represents people using icons, labels and images.',
|
2022-09-12 07:13:52 +00:00
|
|
|
props: AvatarProps,
|
2023-04-18 13:42:36 +00:00
|
|
|
slots: AvatarSlots,
|
2022-09-12 07:13:52 +00:00
|
|
|
events: AvatarEvents
|
|
|
|
}
|
|
|
|
};
|