Angular Material - Widgets

Review the reusable input, navigation, feedback, and display widgets in the library.

How it works

A widget should match the user task and communicate its state. Prefer semantic labels, visible focus, keyboard operation, and clear validation feedback. Treat this legacy directive library separately from modern Angular Material components, even where the visual patterns look similar.

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 - Widgets · AngularJS Material legacy documentation · Current Angular Material documentation.

Back to course overview · Previous: Angular Material - Cards · Next: Angular Material - Layouts