rmdi

Bereaksi ikon desain material

Dibangun dengan pixo, komponen bergaya, dan sistem gaya

https://jxnblk.com/rmdi

npm i rmdi

 // import icons individually for better tree-shaking
import Accessibility from 'rmdi/lib/Accessibility'

const App = props => (
  < Accessibility
    size = { 32 }
    color = 'tomato'
  />
) 

 // import all icons as a single component
import { Icon } from 'rmdi'

const App = props => (
  < Icon
    name = 'accessibility'
    size = { 32 }
    color = 'tomato'
  />
) 

Daftar ikon

Lihat daftar ikon untuk daftar lengkap semua ikon yang tersedia

Alat peraga

Menopang	Jenis	Keterangan
size	nomor	lebar dan tinggi dalam piksel
color	rangkaian	Isi warna, gunakan fungsi color sistem gaya

Jarak alat peraga

Margin dapat diterapkan dengan alat peraga berikut, yang menggunakan fungsi space gaya sistem gaya. Margin Props menerima angka untuk nilai piksel, string dengan unit CSS, atau array untuk margin responsif

Menopang	Keterangan
m	batas
mt	margin-top
mr	margin-kanan
mb	margin-bottom
ml	margin-kiri
mx	margin-kiri dan margin-kanan
my	margin-top dan margin-bottom

Berkontribusi

npm install

Proses pembangunan akan:

1. Parse Paket material-design-icons untuk Kode Sumber SVG
2. Salin ikon ke folder svg/
3. Buat examples/ folder untuk pengujian dan pengembangan
4. Jalankan Pixo pada folder svg/ dan output ke src/
5. Jalankan Babel di src/ Folder dan Output ke lib/

Tes:

npm test

Untuk menjalankan server pengembangan:

npm start

Terkait

• Ikon Desain Material Google
• Pixo
• Komponen gaya
• Sistem gaya
• Ikon Bereaksi

Lisensi MIT