2017-07-27 230 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

是的,這是真的,但我做了谷歌商標相同,但額外的材料設計,使用時,它給了良好的外觀和感覺。複製風格它的東西不好。需要其他解決方案 –