material.angular.io Open in urlscan Pro
199.36.158.100  Public Scan

Form analysis
0 forms found in the DOM

Text Content

This site uses cookies from Google to deliver its services and to analyze
traffic.
More detailsOk, Got it
Skip to main content
Material ComponentsCDKGuides

arrow_drop_down 17.3.6 format_color_fill GitHub
ComponentsCDKGuides


ANGULAR MATERIAL


MATERIAL DESIGN COMPONENTS FOR ANGULAR

Get started


HIGH QUALITY

Internationalized and accessible components for everyone. Well tested to ensure
performance and reliability.

Straightforward APIs with consistent cross platform behaviour.


VERSATILE

Provide tools that help developers build their own custom components with common
interaction patterns.

Customizable within the bounds of the Material Design specification.


FRICTIONLESS

Built by the Angular team to integrate seamlessly with Angular.

Start from scratch or drop into your existing applications.


FEATURED COMPONENTS

View all components chevron_right

Datepicker

Input

Slide toggle

Slider

Button
navigate_next


GUIDES

View all guides chevron_right
Getting startedAdd Angular Material to your project!SchematicsUse schematics to
quickly generate views with Material Design components.Theming Angular
MaterialCustomize your application with Angular Material's theming
system.Theming your own componentsUse Angular Material's theming system in your
own custom components.Customizing TypographyConfigure the typography settings
for Angular Material components.Customizing component stylesUnderstand how to
approach style customization with Angular Material components.Custom form field
controlBuild a custom control that integrates with `<mat-form-field>`.Elevation
helpersEnhance your components with elevation and depth.Custom stepper using the
CdkStepperCreate a custom stepper components using Angular CDK.Testing with
component harnessesWrite tests with component harnesses for convenience and
meaningful results.Duplicate theming stylesLearn about our new color mixins for
Sass that avoid duplicating theming styles.Migrating to MDC-based
ComponentsLearn how to migrate your app to the new MDC-based components
available in v15.Using Material 3 Themes (Experimental)Learn how to use Material
3 themes in your app.
navigate_next
 * StackOverflow
   Questions tagged with angular-material or angular-cdk
 * Discord
   Angular Community on Discord
 * X
   Connect with @angular on X
 * Angular Blog
   News and Tips from the Angular Team

Learn Angular
Powered by Google LLC ©2010-2024.Code licensed under an MIT-style
License.Documentation licensed under CC BY 4.0.

Select a version of the documentation
Select a theme for the documentation