Angular Material


Use of Angular Material in Frontend

Documentation
Angular Material JS Latest Version Download and Documentation
Material Icons from Material Design
Material IO Components
Material Design Icons Search

Tecni.Com

 Technology Information

Whiteframe Elevation of 10dp

md-icon home android face

md-button

Button
Flat Button Flat link Raised Button Raised Primary Disabled Button Raised Button android site FAB
md-subheader

Category subheader

Input

md-input
This is required!

md-checkbox
checkbox

md-tabs Text 1 Text 2 Text 3

md-chips

chip1 chip2 chip3
You reached the maximum amount of chips

Search
  • {{result.text}}

md-autocomplete {{item.display}} No matches found.

md-menu-bar Share... New Document Spreadsheet Presentation Form Drawing Do Something

md-menu-item Call

md-nav-bar Page One Page Two Page Three

md-select myUsers

Users user1 user2 user3
{{state.abbrev}}

md-radio-button boton1 boton2

md-content
Mucho texto y contenido aqui
A B C
D E F
Abc
Def
12345
67890

md-sidenav

Left Nav! Center Content Open Left Menu

md-slider

md-switch Finished ? No Ink Effects Disabled

md-divider

md-toolbar

My App Right Bar Button
Hello!

md-tooltip Play Music android

colors

Color demo

md-card Title Sub header image caption Card headline Card subheader Action 1 Action 2 Card content

md-dialog dialog1 dialog2 Close Dialog

md-fav-toolbar plus Add user home

md-progress-circular

md-list md-list-item-text 1 md-list-item-text 2 md-list-item-text 3 md-list-item-text 4


Layout="row"
row1
row2
row3

column1
column2
column3
Angular Material
Angular Material DEMOS - JS Latest Release 1.2.3 and Examples. Check This
Font-Awesome Icons
ICONS Material
Material Design
Layout Flex layout-gt-xs
Row information
More flex data