使用反应材料凸起按钮进行谷歌登录

时间:2017-07-27 13:38:33

标签: reactjs material-design google-oauth google-login

我正在使用反应材料组件来设计我们的应用程序。

<RaisedButton />

RaisedButton是反应材料中可用的组件,您可以像在普通HTML按钮上一样执行正常操作。 http://www.material-ui.com/#/components/raised-button

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

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

有什么建议吗?

注意:无需从材料中复制css并传递给react-google按钮

1 个答案:

答案 0 :(得分:2)

您无法将材料Button react-google-login与来自material-ui的RaisedButton交换。但你可以做的是使用谷歌登录的styleclassName道具,并根据你的需要css它,例如通过复制从html源代码粘贴RaisedButton的样式。

作为旁注,谷歌登录按钮的设计本身就是商标,不应该重新设计。可能会对用户产生不信任。