Nettalco Theme SplitButton: Dropdown Action Button

<!-- Default split button -->
<p-splitbutton
  label="Save"
  icon="pi pi-check"
  [model]="items"
  (onClick)="onSave()"
/>

<!-- With severity -->
<p-splitbutton
  label="Export"
  icon="pi pi-upload"
  severity="success"
  [model]="exportItems"
  (onClick)="onExport()"
/>

<!-- Outlined variant -->
<p-splitbutton
  label="Actions"
  icon="pi pi-cog"
  variant="outlined"
  severity="secondary"
  [model]="actionItems"
/>

<!-- Rounded pill style -->
<p-splitbutton
  label="Submit"
  [rounded]="true"
  [model]="items"
  (onClick)="onSubmit()"
/>

<!-- Raised with elevation shadow -->
<p-splitbutton
  label="Upload"
  icon="pi pi-cloud-upload"
  [raised]="true"
  severity="info"
  [model]="uploadItems"
/>

import { Component } from '@angular/core';
import { MenuItem } from 'primeng/api';
import { SplitButtonModule } from 'primeng/splitbutton';

@Component({
  selector: 'app-actions',
  standalone: true,
  imports: [SplitButtonModule],
  templateUrl: './actions.component.html',
})
export class ActionsComponent {
  items: MenuItem[] = [
    { label: 'Save as Draft',  icon: 'pi pi-pencil',  command: () => this.saveDraft() },
    { label: 'Save & Publish', icon: 'pi pi-send',    command: () => this.publish() },
    { separator: true },
    { label: 'Discard',        icon: 'pi pi-trash',   command: () => this.discard() },
  ];

  onSave()    { console.log('Primary save triggered'); }
  saveDraft() { console.log('Draft saved'); }
  publish()   { console.log('Published'); }
  discard()   { console.log('Discarded'); }
}

<p-splitbutton label="Primary"   severity="primary"   [model]="items" />
<p-splitbutton label="Secondary" severity="secondary" [model]="items" />
<p-splitbutton label="Info"      severity="info"      [model]="items" />
<p-splitbutton label="Success"   severity="success"   [model]="items" />
<p-splitbutton label="Warn"      severity="warn"      [model]="items" />
<p-splitbutton label="Help"      severity="help"      [model]="items" />
<p-splitbutton label="Danger"    severity="danger"    [model]="items" />
<p-splitbutton label="Contrast"  severity="contrast"  [model]="items" />