Angular Material - WhiteFrame

Use elevation to show hierarchy without making every surface compete.

How it works

The legacy md-whiteframe utility applies elevation to a surface. Use shadow sparingly to express layering, not as the sole indicator of grouping or focus. Preserve a clear boundary in high-contrast modes and avoid unnecessary decorative depth.

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

Back to course overview · Previous: Angular Material - Virtual Repeat · Next: Angular Material - Quick Guide