PrimeNG split-button styles

Question

I want to have a button like below.

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

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

score 1 · Answer 1 · answered Sep 15 '20 at 14:43

1

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

answered Sep 15 '20 at 14:43

Antikhippe

6,316
2
28
43

It cannot be implemented in a table with editable rows – Piumi ganegoda Sep 17 '20 at 07:24
Yes you can, see this new [stackblitz](https://stackblitz.com/edit/primeng-tableedit-demo-jnhk3i?file=src/app/app.component.ts). – Antikhippe Sep 17 '20 at 11:38

PrimeNG split-button styles

1 Answers1