2017-07-27 231 views
0

我正在使用反应材料组件来设计我们的应用程序。使用反应材质凸起按钮进行谷歌登录

<RaisedButton /> 

RaisedButton是在反应在其上作为你没有正常的HTML按钮可以执行正常操作材料中可用的成分。 http://www.material-ui.com/#/components/raised-button

同时我还使用了反应谷歌登录(https://www.npmjs.com/package/react-google-login),它给出了自己的按钮来使用。

但它的设计非常糟糕,这就是为什么我想使用材料组件。现在,我如何使用RaisedButton与react-google-login组件?

有什么建议吗?

注:无需从材料复制CSS,并传递给反应 - 谷歌按钮

回答

1

不能与RaisedButton从材料的UI交换组件Button反应 - 谷歌登录。但你可以做的是使用谷歌登录的styleclassName道具,并根据你的需要进行调整。通过粘贴HTML源代码中的RaisedButton的样式进行复制。

作为一个侧面说明imo谷歌登录按钮的设计是一个商标本身,不应该重新设计。可能会对用户产生不信任。

+0

是的,这是真的,但我做了谷歌商标相同,但额外的材料设计,使用时,它给了良好的外观和感觉。复制风格它的东西不好。需要其他解决方案 –