Covalent: How to integrate with angular material 2?

Created on 18 Jul 2017  路  3Comments  路  Source: Teradata/covalent

This is my problem, i have a proyect with angular material 2, and i want use some component of covelant, there any way these two can coexist in same proyect?
because it tries to integrate them and do not get it

Most helpful comment

There might be some problems. I had the same thought for my project. Everything was build by using angular/material and on some point I needed a stepper and discovered covalent.
Integrating all needed module and styles was no problem, but it seems to break the style of some components created before integrating covalent.

There are many small changes like setting another background-color to the sidenav content container, changing icon sizes, small displaces on some inputs. Haven't tracked down yet whether it's because some styles of angular/flex-layout are overwritten or if it is something other.

All 3 comments

If you are using angular cli, take a look here https://github.com/Teradata/covalent/blob/develop/docs/GETTING_STARTED.md

There might be some problems. I had the same thought for my project. Everything was build by using angular/material and on some point I needed a stepper and discovered covalent.
Integrating all needed module and styles was no problem, but it seems to break the style of some components created before integrating covalent.

There are many small changes like setting another background-color to the sidenav content container, changing icon sizes, small displaces on some inputs. Haven't tracked down yet whether it's because some styles of angular/flex-layout are overwritten or if it is something other.

The styles that clash and override certain things are now optional, so you can use covalent without the platform.scss or covalent mixins

Was this page helpful?
0 / 5 - 0 ratings

Related issues

chdanielmueller picture chdanielmueller  路  3Comments

asaph26 picture asaph26  路  3Comments

asaph26 picture asaph26  路  4Comments

jengstrm picture jengstrm  路  5Comments

d3viant0ne picture d3viant0ne  路  3Comments