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".'
|
2023-04-21 12:04:27 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'pt',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
2023-08-01 14:01:12 +00:00
|
|
|
description: 'Used to pass attributes to DOM elements inside the component.'
|
2023-07-06 13:20:37 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'unstyled',
|
|
|
|
type: 'boolean',
|
|
|
|
default: 'false',
|
|
|
|
description: 'When enabled, it removes component related styles in the core.'
|
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',
|
2023-08-02 09:18:47 +00:00
|
|
|
description: 'Triggered when an error occurs while loading an image file.',
|
|
|
|
arguments: [
|
|
|
|
{
|
|
|
|
name: 'event',
|
|
|
|
type: 'object',
|
|
|
|
description: 'Browser event'
|
|
|
|
}
|
|
|
|
]
|
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
|
|
|
|
}
|
|
|
|
};
|