Angular Material

Split Button

<mas-split-button
  type="elevated"
  color="primary"
  [matMenu]="buttonMenu">
  Send Message
</mas-split-button>

<mat-menu #buttonMenu="matMenu">
  <button mat-menu-item>Save draft</button>
  <button mat-menu-item>Schedule send</button>
</mat-menu>

Get Started

See README on GitHub arrow_right_alt

Current version:

1.0.1

Dependencies:

Angular >= 15.0.0

Angular Material >= 15.0.0

Source code:

GitHub

License:

MIT

Split Button Variants

type="text"

type="outlined"

type="filled"

type="elevated"