primevue-mirror/api-generator/components/button.js

128 lines
3.1 KiB
JavaScript
Raw Normal View History

const ButtonProps = [
{
2022-09-14 14:26:41 +00:00
name: 'label',
type: 'string',
default: 'null',
description: 'Text of the button.'
},
{
2022-09-14 14:26:41 +00:00
name: 'icon',
type: 'string',
default: 'null',
description: 'Name of the icon.'
},
{
2022-09-14 14:26:41 +00:00
name: 'iconPos',
type: 'string',
default: 'left',
description: 'Position of the icon, valid values are "left", "right", "bottom" and "top".'
},
{
2022-09-14 14:26:41 +00:00
name: 'iconClass',
type: 'string',
default: 'null',
description: 'Style class of the icon.'
},
{
2022-09-14 14:26:41 +00:00
name: 'badge',
type: 'string',
default: 'null',
description: 'Value of the badge.'
},
{
2022-09-14 14:26:41 +00:00
name: 'badgeClass',
type: 'string',
default: 'null',
description: 'Style class of the badge.'
},
{
2022-09-14 14:26:41 +00:00
name: 'loading',
type: 'boolean',
default: 'false',
description: 'Whether the button is in loading state.'
},
{
2022-09-14 14:26:41 +00:00
name: 'loadingIcon',
type: 'string',
default: 'pi pi-spinner pi-spin',
description: 'Icon to display in loading state.'
},
{
name: 'link',
type: 'boolean',
default: 'false',
description: 'Add a link style to the button.'
},
{
name: 'severity',
type: 'string',
default: 'null',
2023-03-03 12:42:50 +00:00
description: 'Defines the style of the button, valid values are "secondary", "success", "info", "warning", "help", "danger".'
},
{
name: 'raised',
type: 'boolean',
default: 'false',
description: 'Add a shadow to indicate elevation.'
},
{
name: 'rounded',
type: 'boolean',
default: 'false',
description: 'Add a circular border radius to the button.'
},
{
name: 'text',
type: 'boolean',
default: 'false',
description: 'Add a textual class to the button without a background initially.'
},
{
name: 'outlined',
type: 'boolean',
default: 'false',
description: 'Add a border class without a background initially.'
},
{
name: 'size',
type: 'string',
default: 'null',
description: 'Defines the size of the button, valid values are "small" and "large".'
2023-03-06 08:14:59 +00:00
},
{
name: 'plain',
type: 'boolean',
default: 'false',
description: 'Add a plain textual class to the button without a background initially.'
2023-04-24 12:00:20 +00:00
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
}
];
const ButtonEvents = [];
const ButtonSlots = [
{
name: 'icon',
description: 'Custom icon template.'
},
{
name: 'loadingicon',
description: 'Custom loading icon template.'
}
];
module.exports = {
button: {
2022-09-14 14:26:41 +00:00
name: 'Button',
description: 'Button is an extension to standard button element with icons and theming.',
props: ButtonProps,
events: ButtonEvents,
slots: ButtonSlots
}
};