rmdi

Icônes de conception de matériaux React

Construit avec du pixo, des composants stylisés et un système stylé

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'
  />
) 

Liste des icônes

Voir la liste des icônes pour une liste complète de toutes les icônes disponibles

Accessoires

Soutenir	Taper	Description
size	nombre	largeur et hauteur dans les pixels
color	chaîne	Remplissez la couleur, utilise la fonction color du système stylé

Accessoires d'espacement

La marge peut être appliquée avec les accessoires suivants, qui utilisent la fonction space du système stylé. Les accessoires de marge acceptent les nombres pour les valeurs de pixels, les chaînes avec des unités CSS ou les tableaux pour une marge réactive

Soutenir	Description
m	marge
mt	marge
mr	marge à droite
mb	marge-fond
ml	marge-gauche
mx	marge-gauche et marge droite
my	marge et marge-fond

Contributif

npm install

Le processus de construction sera:

1. Analyser le package material-design-icons pour le code source SVG
2. Copiez les icônes dans le dossier svg/
3. Créez des examples/ dossiers pour les tests et le développement
4. Exécutez Pixo sur le dossier svg/ et sortie vers src/
5. Exécutez Babel sur le dossier src/ et sortie vers lib/

Tests:

npm test

Pour exécuter le serveur de développement:

npm start

En rapport

• Icônes de conception de matériaux Google
• Pixo
• Composants stylisés
• Système stylé
• Icônes de réaction

Licence MIT