- Angular Material 7 Tutorial
- Angular Material 7 - Home
- Angular Material 7 - Overview
- Environment Setup
- Form Controls
- Angular Material 7 - Auto-Complete
- Angular Material 7 - Check Box
- Angular Material 7 - Date Picker
- Angular Material 7 - Form Field
- Angular Material 7 - Input
- Angular Material 7 - Radio Button
- Angular Material 7 - Select
- Angular Material 7 - Slider
- Angular Material 7 - Toggle Slider
- Navigation
- Angular Material 7 - Menu
- Angular Material 7 - Side Nav
- Angular Material 7 - Tool Bar
- Layout
- Angular Material 7 - Card
- Angular Material 7 - Divider
- Angular Material 7 - Expansion Panel
- Angular Material 7 - Grid List
- Angular Material 7 - List
- Angular Material 7 - Stepper
- Angular Material 7 - Tabs
- Angular Material 7 - Tree
- Buttons & Indicators
- Angular Material 7 - Button
- Angular Material 7 - Button Toggle
- Angular Material 7 - Badge
- Angular Material 7 - Chips
- Angular Material 7 - Icons
- Angular Material 7 - Progress Spinner
- Angular Material 7 - Progress Bar
- Angular Material 7 - Ripples
- Popups & Modals
- Angular Material 7 - SnackBar
- Angular Material 7 - Tooltip
- Data table
- Angular Material 7 - Paginator
- Angular Material 7 - Sort Header
- Angular Material 7 - Table
- Angular Material 7 Resources
- Angular Material 7 - Quick Guide
- Angular Material 7 - Resources
- Angular Material 7 - Discussion
Angular Material 7 - Overview
Angular Material 7 is a UI component library for Angular developers. Angular Material's reusable UI components help in constructing attractive, consistent, and functional web pages and web applications while adhering to modern web design principles like browser portability, device independence, and graceful degradation.
Following are a few salient features of Angular Material −
In-built responsive designing.
Standard CSS with minimal footprint.
Includes new versions of common user interface controls such as buttons, check boxes, and text fields which are adapted to follow Material Design concepts.
Includes enhanced and specialized features like cards, toolbar, speed dial, side nav, swipe, and so on.
Cross-browser, and can be used to create reusable web components.
Responsive Design
Angular Material has in-built responsive designing so that the website created using Angular Material will redesign itself as per the device size.
Angular Material classes are created in such a way that the website can fit any screen size.
The websites created using Angular Material are fully compatible with PC, tablets, and mobile devices.
Extensible
Angular Material is by design very minimal and flat.
It is designed considering the fact that it is much easier to add new CSS rules than to overwrite existing CSS rules.
It supports shadows and bold colors.
The colors and shades remain uniform across various platforms and devices.
And most important of all, Angular Material is absolutely free to use.
