在material上构建自定义UI组件库

Question

我希望创建一个角度的应用程序。我希望最终的产品看起来非常具体，远离现在材料的样子。但是，我想快速地迭代我的产品。我不想花费大量的时间来重新实现angular/material中已经可用的逻辑。

我正在考虑包装每个我想要在自定义组件中使用的材料组件。例如，我将创建一个包装材质工具提示的ui-tooltip组件。然后，在ui-tooltip.style中，我将使用!important标记强制使用我自己的样式。

这是我应该怎么做的吗？有没有可能在保留功能的同时从根本上改变材料的设计？你有没有项目可以给我指给我看，谁以前做过这个？

Answer 1

如果你认为这些材料，只需要一些调整就能实现你想要的效果，那就太好了。如果你想要改变功能，那么扩展组件是一个很好的方法。例如，我所在的一个团队创建了我们自己的Toast风格的组件，它可以放置在我们想要的任何位置，而不仅仅是屏幕的边缘。我还在一个将multi-select component与chip list结合在一起的团队中

但是，如果您希望主要使用相同的功能，同时只更改外观，我建议您创建一个custom material theme。文档主要集中在颜色上，但是使用混合可以让您深入到角度材料组件，以更改大小、填充和边距等内容。