Angular Material - Bottom Sheet
Present a focused action panel from the bottom edge of the screen.
How it works
The AngularJS Material bottom sheet service opens a panel for a small set of contextual actions or details. Keep the task focused, support dismissal and keyboard use, and return a result through the documented promise flow. Avoid nesting complex navigation inside a transient panel.
Practical checklist
- Confirm whether the application uses AngularJS Material 1.x or modern Angular Material for Angular v2+.
- Use meaningful labels, keyboard-accessible interactions, and visible focus states.
- Test responsive behavior, validation, and assistive-technology output.
- Review dependency support and security before maintaining a legacy deployment.
Further reading: Tutorialspoint: Angular Material - Bottom Sheet · AngularJS Material legacy documentation · Current Angular Material documentation.
Back to course overview · Previous: Angular Material - Autocomplete · Next: Angular Material - Cards