skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(guides): add guide for using compatibility mode (#4082)

Browse Source 
Fixes #4018
This commit is contained in:
Ed Pelc
2017-04-14 11:34:37 -04:00
committed by Jeremy Elbourn
parent 1de1f72887
commit a05aa7c9f9
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
guides/compatibility-mode.md
+19
View File
@@ -0,0 +1,19 @@
## What is compatibility mode?
Compatibility mode for `@angular/material` allows the components to exist side-by-side with AngularJS Material components without any CSS collisions.
## What does compatibility mode do?
When enabled, compatibility mode enforces that all template APIs use the prefix `mat-` instead of `md-`. This will prevent any CSS from AngularJS Material from affecting the components in `@angular/material`.
## How is compatibility mode enabled?
Import `NoConflictStyleCompatibilityMode` into your application's root `NgModule`.
## Example
```html
<!-- Regular mode -->
<button md-button mdTooltip="With a tooltip">Regular button</button>
<!-- In compatibility mode -->
<button mat-button matTooltip="With a compatibility mode tooltip">Compatibility Mode button</button>
```