Icons and theming

There are many options to customize the plain behavior of the split button. The icons can be applied for the associated default command button and menu items separately using the icon property. The icons are aligned to the left side by default, but this can be applied to the right side as well, using the iconPos property, whereas the skinning behavior of component and overlay are modified through the style, styleClass, menuStyle, and menuStyleClass class properties. A basic example of the SplitButton component with the defined label text would be written as follows:

<p-splitButton label="Create" icon="fa-check" iconPos="right"    menuStyleClass="customized-menu" [model]="itemsIcons"></p-splitButton>

In the preceding example, ...

Get Angular UI Development with PrimeNG now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.