diff --git a/api-generator/components/splitbutton.js b/api-generator/components/splitbutton.js index 8fc5ec1bf..1a5c40dcc 100644 --- a/api-generator/components/splitbutton.js +++ b/api-generator/components/splitbutton.js @@ -35,6 +35,12 @@ const SplitButtonProps = [ default: 'body', description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached.' }, + { + name: 'disabled', + type: 'boolean', + default: 'false', + description: 'When present, it specifies that the element should be disabled.' + }, { name: 'class', type: 'string', @@ -46,6 +52,36 @@ const SplitButtonProps = [ type: 'any', default: 'null', description: 'Inline of the component.' + }, + { + name: 'buttonClass', + type: 'string', + default: 'null', + description: 'Style class of the button.' + }, + { + name: 'menuButtonIcon', + type: 'string', + default: 'null', + description: 'Name of the menu button icon.' + }, + { + name: 'menuButtonClass', + type: 'string', + default: 'null', + description: 'Style class of the menu button.' + }, + { + name: 'menuClass', + type: 'string', + default: 'null', + description: 'Style class of the menu.' + }, + { + name: 'menuStyle', + type: 'any', + default: 'null', + description: 'Inline style of the menu.' } ]; diff --git a/components/splitbutton/SplitButton.d.ts b/components/splitbutton/SplitButton.d.ts index 64f479a20..bab84671e 100755 --- a/components/splitbutton/SplitButton.d.ts +++ b/components/splitbutton/SplitButton.d.ts @@ -53,6 +53,26 @@ export interface SplitButtonProps { * Uses to pass all properties of the HTMLButtonElement to the menu button. */ menuButtonProps?: ButtonHTMLAttributes | undefined; + /** + * Style class of the button. + */ + buttonClass?: string | undefined; + /** + * Name of the menu button icon. + */ + menuButtonIcon?: string | undefined; + /** + * Style class of the menu button. + */ + menuButtonClass?: string | undefined; + /** + * Style class of the menu. + */ + menuClass?: string | undefined; + /** + * Inline style of the menu. + */ + menuStyle?: any | undefined; } export interface SplitButtonSlots { diff --git a/components/splitbutton/SplitButton.vue b/components/splitbutton/SplitButton.vue index edb5a174f..6d4d59192 100755 --- a/components/splitbutton/SplitButton.vue +++ b/components/splitbutton/SplitButton.vue @@ -1,13 +1,13 @@ @@ -68,9 +68,29 @@ export default { type: null, default: null }, + buttonClass: { + type: String, + default: null + }, menuButtonProps: { type: null, default: null + }, + menuButtonIcon: { + type: String, + default: 'pi pi-chevron-down' + }, + menuButtonClass: { + type: String, + default: null + }, + menuClass: { + type: String, + default: null + }, + menuStyle: { + type: null, + default: null } }, data() { @@ -99,6 +119,12 @@ export default { }, containerClass() { return ['p-splitbutton p-component', this.class]; + }, + menuButtonClasses() { + return ['p-splitbutton-menubutton', this.menuButtonClass]; + }, + buttonClasses() { + return ['p-splitbutton-defaultbutton', this.buttonClass]; } }, components: { diff --git a/pages/splitbutton/SplitButtonDoc.vue b/pages/splitbutton/SplitButtonDoc.vue index 5bac82abc..9ec855d6a 100755 --- a/pages/splitbutton/SplitButtonDoc.vue +++ b/pages/splitbutton/SplitButtonDoc.vue @@ -182,6 +182,36 @@ export default { null Uses to pass all properties of the HTMLButtonElement to the menu button. + + buttonClass + string + null + Style class of the button. + + + menuButtonIcon + string + null + Name of the menu button icon. + + + menuButtonClass + string + null + Style class of the menu button. + + + menuClass + string + null + Style class of the menu. + + + menuStyle + any + null + Inline style of the menu. +