Material-components-web: How to use this with angular 6?

Created on 13 Jul 2018  路  1Comment  路  Source: material-components/material-components-web

I cant get this to work (I'm new to angular). I installed it and installed sass and imported min.css and min.js (in angular.json). Now I put

.button {
@include mdc-ripple-surface;
@include mdc-ripple-radius-bounded;
@include mdc-states;
}

and get error: "No mixin named mdc-ripple-surface". How do I make it work? Should I import something in app module?

Most helpful comment

@bono95zg Here's an example repo showing how to use the MDC Web components in Angular.
https://github.com/williamernest/mdc-web-angular-example

You may want to consider using an already wrapped library such as Angular MDC.
https://github.com/trimox/angular-mdc-web

This comment explains the initial Angular setup required.
https://github.com/material-components/material-components-web/issues/3036#issuecomment-403130482

>All comments

@bono95zg Here's an example repo showing how to use the MDC Web components in Angular.
https://github.com/williamernest/mdc-web-angular-example

You may want to consider using an already wrapped library such as Angular MDC.
https://github.com/trimox/angular-mdc-web

This comment explains the initial Angular setup required.
https://github.com/material-components/material-components-web/issues/3036#issuecomment-403130482

Was this page helpful?
0 / 5 - 0 ratings

Related issues

trimox picture trimox  路  4Comments

jimyhdolores picture jimyhdolores  路  3Comments

traviskaufman picture traviskaufman  路  3Comments

traviskaufman picture traviskaufman  路  3Comments

ghost picture ghost  路  3Comments