Material-ui: Como usar o ícone?

Criado em 15 jun. 2015 · 3Comentários · Fonte: mui-org/material-ui

Eu instalei a biblioteca com npm install material-ui .
Quando uso o componente <FontIcon className='mui-icon-sort' /> , não há ícone para mostrar.
Você sabe como resolver isso?

Fonte

revskill10

👍3

Comentários muito úteis

@checkraiser Você precisa adicionar a biblioteca de fontes do Google em seu projeto para usar ícones com o método <FontIcon> . Alternativamente, você pode adicionar ícones de material do Google das fontes da web do Google <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> e usar os ícones conforme mencionado abaixo:

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

mairh em 15 jun. 2015

👍15

Todos 3 comentários

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

mairh em 15 jun. 2015

👍15

Obrigado @mairh - Há também esse problema para fornecer suporte para a biblioteca de fontes do Google dentro da biblioteca. Veja #829