Some of the controls and elements provided by Angular Material are very relevant on a mobile device. Technically, there is nothing stopping these controls from being used on a bigger screen, like a laptop or a desktop. However, they are designed to look better and more usable on a mobile device. Let us have a look at some of those controls.
Bottom Sheet
This is a directive or control for showing a menu of options. Typically, this is used upon clicking a button. The menu or list of available options pops up at the bottom of the screen. See Figure 9-1