素材のカード用コード-uiのフロントページ

Question

material-uiは、フロントページに非常に見栄えの良いカードがあります。標準のcardの例を使用して、同じアイェスタティックを達成する方法を理解できませんでした。誰かがそれを達成するためのコード/テンプレートを提供してもらえますか？

Answer 1

この使用ツールバーと

https://jsfiddle.net/davidebarros/sd1g9fza/2/

レンダリングカード成分（）{

return (
    <div style={{width: '50%', margin: '0 auto'}}> 
    <Card> 
     <Toolbar style={{"justify-content": "center"}}> 
     <ToolbarTitle text="Material UI" /> 
     </Toolbar> 
     <CardMedia><img src="http://www.material-ui.com/images/get-started.svg" alt=""/></CardMedia> 
    </Card> 
    </div> 
); 

}

を達成することができる方法の簡単な例