Angular Material v20 Skill

Rules

Installation

• Use ng add @angular/material for automatic setup
• Must install @angular/material@~20.0.0 and @angular/cdk@~20.0.0 together

Component Imports

• Import specific component modules (e.g., MatDialogModule, MatFormFieldModule)
• Use standalone components with explicit imports array
• NEVER import entire Material library

Theming

• Use @use '@angular/material' as mat; syntax
• Include mat.core() before theme definitions
• Define theme with mat.define-light-theme() or mat.define-dark-theme()
• Include mat.all-component-themes($theme) to apply theme