SplitButton icon sot updates
parent
1f961e0a6e
commit
ebe3ac809c
|
@ -181,11 +181,21 @@ export interface SplitButtonSlots {
|
||||||
/**
|
/**
|
||||||
* Custom menu button icon template.
|
* Custom menu button icon template.
|
||||||
*/
|
*/
|
||||||
icon(): VNode[];
|
icon(scope: {
|
||||||
|
/**
|
||||||
|
* Style class of the icon.
|
||||||
|
*/
|
||||||
|
class: string;
|
||||||
|
}): VNode[];
|
||||||
/**
|
/**
|
||||||
* Custom menu button icon template.
|
* Custom menu button icon template.
|
||||||
*/
|
*/
|
||||||
menubuttonicon(): VNode[];
|
menubuttonicon(scope: {
|
||||||
|
/**
|
||||||
|
* Style class of the icon.
|
||||||
|
*/
|
||||||
|
class: string;
|
||||||
|
}): VNode[];
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<slot>
|
<slot>
|
||||||
<PVSButton type="button" :class="cx('button')" :label="label" :disabled="disabled" :aria-label="label" @click="onDefaultButtonClick" :unstyled="unstyled" :pt="ptm('button')" v-bind="buttonProps">
|
<PVSButton type="button" :class="cx('button')" :label="label" :disabled="disabled" :aria-label="label" @click="onDefaultButtonClick" :unstyled="unstyled" :pt="ptm('button')" v-bind="buttonProps">
|
||||||
<template #icon="slotProps">
|
<template #icon="slotProps">
|
||||||
<slot name="icon">
|
<slot name="icon" :class="slotProps.class">
|
||||||
<span :class="[icon, slotProps.class]" v-bind="ptm('button')['icon']" />
|
<span :class="[icon, slotProps.class]" v-bind="ptm('button')['icon']" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
</template>
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
v-bind="menuButtonProps"
|
v-bind="menuButtonProps"
|
||||||
>
|
>
|
||||||
<template #icon="slotProps">
|
<template #icon="slotProps">
|
||||||
<slot name="menubuttonicon">
|
<slot name="menubuttonicon" :class="slotProps.class">
|
||||||
<component :is="menuButtonIcon ? 'span' : 'ChevronDownIcon'" :class="[menuButtonIcon, slotProps.class]" v-bind="ptm('menuButton')['icon']" />
|
<component :is="menuButtonIcon ? 'span' : 'ChevronDownIcon'" :class="[menuButtonIcon, slotProps.class]" v-bind="ptm('menuButton')['icon']" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue