2022-09-12 07:13:52 +00:00
|
|
|
const SkeletonProps = [
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'shape',
|
|
|
|
type: 'string',
|
|
|
|
default: 'rectangle',
|
2022-09-12 07:13:52 +00:00
|
|
|
description: 'Shape of the element, options are "rectangle" and "circle".'
|
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'size',
|
|
|
|
type: 'string',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Size of the Circle or Square.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'width',
|
|
|
|
type: 'string',
|
|
|
|
default: '100%',
|
|
|
|
description: 'Width of the element.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'height',
|
|
|
|
type: 'string',
|
|
|
|
default: '1rem',
|
|
|
|
description: 'Height of the element.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'borderRadius',
|
|
|
|
type: 'string',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Border radius of the element, defaults to value from theme.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'animation',
|
|
|
|
type: 'string',
|
|
|
|
default: 'wave',
|
2022-09-12 07:13:52 +00:00
|
|
|
description: 'Type of the animation, valid options are "wave" and "none".'
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
skeleton: {
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'Skeleton',
|
|
|
|
description: 'Skeleton is a placeholder to display instead of the actual content.',
|
2022-09-12 07:13:52 +00:00
|
|
|
props: SkeletonProps
|
|
|
|
}
|
|
|
|
};
|