PrimeNG split-button styles

2.6k Views Asked by At

I want to have a button like below.

enter image description here

When I use the PrimeNG split-button this is what I get

enter image description here

How can I change that to the button like in the first image? and I want to use it in a table

1

There are 1 best solutions below

2
On

Maybe you can use PrimeNG menu to do that:

<button type="button" pButton pRipple icon="pi pi-plus" (click)="menu.toggle($event)"></button>
<p-menu #menu [popup]="true" [model]="items"></p-menu>

See stackblitz