How To Change Angular Material 2 direction To RTL

you should add attribute dir=rtl to <html> tag, Because angular material.js code using this document.dir to distinguish layout direction

You should use rtl as attribute

dir='rtl'

Here is a plunker

Go to index.html , you'll find :

<body >
   <chips-overview-example dir="rtl">Loading Material Docs example...</chips-overview-example>
</body>

Related