Angular Material
Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop.
Angular Material UI component library
Angular Material UI component library. UI component infrastructure and Material Design components for mobile and desktop Angular web applications.
Angular Material
For help getting started with a new Angular app, check out the Angular CLI. For existing apps, follow these steps to begin using Angular Material.
Table | Angular Material
Begin by creating a <mat-table> component in your template and passing in data. The simplest way to provide data to the table is by passing a data array to the table's data input. The table will take the array and render a row for each object in the data array.
Angular Material
Theming your Angular Material app link What is a theme?. A theme is the set of colors that will be applied to the Angular Material components. The library's approach to theming is based on the guidance from the Material Design spec.. In Angular Material, a theme is created by composing multiple palettes.
Button | Angular Material
Button | Angular Material. overview api examples. Angular Material buttons are native <button> or <a> elements enhanced with Material Design styling and ink ripples.
Tabs | Angular Material
Tabs | Angular Material. overview api examples. Angular Material tabs organize content into separate views where only one view can be visible at a time. Each tab's label is shown in the tab header and the active tab's label is designated with the animated ink bar.
Popups & Modals | Angular Material
Displays floating content when an object is hovered. Current Version: 7.3.7. Powered by Google ©2010-2019. Code licensed under an MIT-style License.
Tooltip | Angular Material
Tooltip | Angular Material. overview api examples. The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element. Basic tooltip.
Angular Material
link Basic card sections. The most basic card needs only an <mat-card> element with some content. However, Angular Material provides a number of preset sections that you can use inside of an <mat-card>: Primary card content. Intended for blocks of text.