vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed #3697 - SplitButton: New Styling properties

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-03-03 15:41:32 +03:00
parent 673b4a8e65
commit 80ac32f864
3 changed files with 101 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

38
components/splitbutton/SplitButton.vue
View file

@ -76,6 +76,30 @@ export default {
menuButtonIcon: {
type: String,
default: 'pi pi-chevron-down'
},
severity: {
type: String,
default: null
},
raised: {
type: Boolean,
default: false
},
rounded: {
type: Boolean,
default: false
},
text: {
type: Boolean,
default: false
},
outlined: {
type: Boolean,
default: false
},
size: {
type: String,
default: null
}
},
data() {
@ -105,7 +129,19 @@ export default {
return UniqueComponentId();
},
containerClass() {
return ['p-splitbutton p-component', this.class];
return [
'p-splitbutton p-component',
this.class,
{
[`p-button-${this.severity}`]: this.severity,
'p-button-raised': this.raised,
'p-button-rounded': this.rounded,
'p-button-text': this.text,
'p-button-outlined': this.outlined,
'p-button-sm': this.size === 'small',
'p-button-lg': this.size === 'large'
}
];
}
},
components: {