Angular | Material

Sliding panels that follow elevation principles. Key Aspects

Components (like cards or buttons) cast shadows to indicate their height relative to the surface.

Components are designed to be stacked and layered. Angular Material

Represents a single piece of paper, often used for content grouping.

Surfaces are often represented as flat, with distinct elevation changes rather than depth. Key Components implementing the Material Aesthetic Sliding panels that follow elevation principles

The "paper" metaphor is foundational to Material Design, where UI elements behave like physical paper, with properties such as:

Let me know which direction you'd like to explore, and I can provide specific code or a "paper" CSS example. Represents a single piece of paper, often used

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,