Bottom Sheet

Angular Material Bottom Sheet opens panels from the bottom of the screen, typically for additional options or actions related to the current view.

Example

Below is an example of how BuilderKit restyles the Angular Material Bottom Sheet and gives it a more modern appearance.

<button matButton (click)="openBottomSheet()">Open bottom sheet</button>