Sliding panels that follow elevation principles. Key Aspects
Angular Material is a UI component library that implements Google’s Material Design specification for Angular applications. It offers a set of reusable, high-quality, and accessible UI components (buttons, cards, forms, menus) that adopt a paper-like metaphor, emphasizing elevation, shadows, and meaningful motion. Core "Paper" Concept in Angular Material
A floating paper surface that appears over content. Angular Material
Represents a single piece of paper, often used for content grouping.
import {MatButtonModule} from '@angular/material/button'; import {MatCardModule} from '@angular/material/card'; @NgModule({ imports: [ MatButtonModule, MatCardModule ] }) export class AppMaterialModule { } Use code with caution. Copied to clipboard If you're asking about "paper" in the context of: or creating a visual "paper-like" document, Customizing the elevation and shadow styles, Or creating Material 3 themed components, Sliding panels that follow elevation principles
Components are designed to be stacked and layered.
Components (like cards or buttons) cast shadows to indicate their height relative to the surface. Core "Paper" Concept in Angular Material A floating
The "paper" metaphor is foundational to Material Design, where UI elements behave like physical paper, with properties such as: