A split button component for Angular Material. Split buttons (also known as "split button dropdowns" in Bootstrap) have a primary action button with a conjoined dropdown toggle that opens a menu for secondary actions.
Compatible with both Material 2 and Material 3 theming.
What if your day job was contributing to open-source projects and custom AI solutions — and you got paid for it?
We're hiring remote engineers to contribute to cutting-edge AI and custom software projects. 100% remote, 100% real impact. https://www.feature23.com/careers
See the README in the ngx-mat-split-button project to get started.
Install dependencies with npm ci from the repo root.
There are two demo projects to verify compatibility with both Material 2 and Material 3 themes:
- Material 3 demo:
ng serve ngx-mat-split-button-demo— uses M3 theming withmat.theme()and--mat-sys-*design tokens. - Material 2 demo:
ng serve ngx-mat-split-button-demo-m2— uses M2 theming withmat.m2-define-light-theme()and classic palettes (indigo/pink/red).
| ngx-mat-split-button version | Angular version |
|---|---|
| v0.2.0 | v18 |
| v0.3.0 | v19 |
| v0.4.0 | v20 |
| v0.5.0 | v21 |