Material-ui: Bagaimana cara menggunakan Ikon?

Dibuat pada 15 Jun 2015  ·  3Komentar  ·  Sumber: mui-org/material-ui

Saya telah menginstal perpustakaan dengan npm install material-ui .
Ketika saya menggunakan komponen <FontIcon className='mui-icon-sort' /> , tidak ada ikon untuk ditampilkan.
Apakah Anda tahu bagaimana menyelesaikan ini?

Komentar yang paling membantu

@checkraiser Anda perlu menambahkan pustaka font Google di proyek Anda untuk menggunakan ikon dengan metode <FontIcon> . Atau Anda dapat menambahkan ikon materi Google dari font web Google <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> dan menggunakan ikon seperti yang disebutkan di bawah ini:

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

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

Semua 3 komentar

@checkraiser Anda perlu menambahkan pustaka font Google di proyek Anda untuk menggunakan ikon dengan metode <FontIcon> . Atau Anda dapat menambahkan ikon materi Google dari font web Google <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> dan menggunakan ikon seperti yang disebutkan di bawah ini:

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

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

Terima kasih @mairh - Ada juga masalah ini untuk memberikan dukungan untuk perpustakaan font google di dalam perpustakaan. Lihat #829

@mairh tidak bisakah kita menggunakan ikon dari Material-UI ?
termasuk perpustakaan Font UI Bahan Google menghancurkan tujuannya, juga 48KB

Apakah halaman ini membantu?
0 / 5 - 0 peringkat