From 8efd5dd7199c844ad3b7454ac27529bb0e8919dc Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Thu, 23 May 2019 11:24:32 +0300 Subject: [PATCH] Docs for button and splitbutton --- src/views/button/ButtonDoc.vue | 51 ++++++++++++------------ src/views/splitbutton/SplitButtonDoc.vue | 42 +++++++++++++++++++ 2 files changed, 68 insertions(+), 25 deletions(-) diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue index 8a0c4c410..3d3379de1 100644 --- a/src/views/button/ButtonDoc.vue +++ b/src/views/button/ButtonDoc.vue @@ -20,7 +20,7 @@ import Button from 'primevue/button';

Icons

Icon on a button is specified with icon property and position is configured using iconPos attribute. Default - icon position is "left" and alternative is "right". To display only an icon, leave label as undefined.

+ icon position is "left" and alternative is "right". To display only an icon, leave the label as undefined.

<Button label="Click" icon="pi pi-check" iconPos="right" /> @@ -58,35 +58,36 @@ import Button from 'primevue/button';

Properties

+

Any valid attribute such as style and class are passed to the underlying input element. Following are the additional properties to configure the component.

- - - - - - + + + + + + - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + +
NameTypeDefaultDescription
NameTypeDefaultDescription
labelstringnullText of the button.
iconstringnullName of the icon.
iconPosstringleftPosition of the icon, valid values are "left" and "right".
labelstringnullText of the button.
iconstringnullName of the icon.
iconPosstringleftPosition of the icon, valid values are "left" and "right".
diff --git a/src/views/splitbutton/SplitButtonDoc.vue b/src/views/splitbutton/SplitButtonDoc.vue index cb649d276..3fb662348 100644 --- a/src/views/splitbutton/SplitButtonDoc.vue +++ b/src/views/splitbutton/SplitButtonDoc.vue @@ -52,6 +52,48 @@ export default { <SplitButton label="Save" icon="pi pi-plus" :model="items"></SplitButton> +

MenuModel

+

SplitButton items are based on the PrimeVue MenuModel API.

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefaultDescription
labelstringnullText of the menuitem.
iconstringnullIcon of the menuitem.
urlobjectnullExternal link to navigate when item is clicked.
commandbooleanfalseCallback to execute when item is selected.
+
+

Severity

Different color options are available as severity levels.