Material-ui: ¿Cómo usar el icono?

Creado en 15 jun. 2015 · 3Comentarios · Fuente: mui-org/material-ui

Instalé la biblioteca con npm install material-ui .
Cuando uso el componente <FontIcon className='mui-icon-sort' /> , no hay ningún icono para mostrar.
¿Sabes cómo resolver esto?

Fuente

revskill10

👍3

Comentario más útil

@checkraiser Debe agregar la biblioteca de fuentes de Google en su proyecto para usar íconos con el método <FontIcon> . Alternativamente, puede agregar íconos de material de Google desde las fuentes web de Google <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> y usar los íconos como se menciona a continuación:

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

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

mairh en 15 jun. 2015

👍15

Todos 3 comentarios

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

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

mairh en 15 jun. 2015

👍15

Gracias @mairh : también existe este problema para proporcionar soporte para la biblioteca de fuentes de Google dentro de la biblioteca. Ver #829

hai-cea en 19 jun. 2015

@mairh , ¿no podemos usar los íconos de Material-UI?
incluyendo la biblioteca de fuentes de interfaz de usuario de material de Google destruye el propósito, también es de 48 KB