rmdi

Reagieren Sie Materialdesign -Symbole

Erstellt mit Pixo, gestalteten Komponenten und gestyltem System

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 der Symbole

Eine vollständige Liste aller verfügbaren Symbole finden Sie in der Symbolliste

Requisiten

Stütze	Typ	Beschreibung
size	Nummer	Breite und Höhe in Pixeln
color	Saite	Füllen Sie die Farbe und verwendet die color des gestymten Systems

Abstandsrequisiten

Der Rand kann mit den folgenden Requisiten angewendet werden, bei denen die space des Stils verwendet wird. Margin -Requisiten akzeptieren Zahlen für Pixelwerte, Zeichenfolgen mit CSS -Einheiten oder Arrays für Responsive Margin

Stütze	Beschreibung
m	Marge
mt	Rand
mr	Randrecht
mb	Randboden
ml	links
mx	Rand-Links und Randrechte
my	Rand- und Randboden

Beitragen

npm install

Der Build -Prozess wird:

1. material-design-icons
2. Kopieren Sie die Symbole in den svg/ Ordner
3. Erstellen Sie einen examples/ Ordner für Tests und Entwicklung
4. Führen Sie Pixo auf dem svg/ Ordner aus und geben Sie sie auf src/ aus.
5. Führen Sie Babel auf dem src/ Ordner aus und geben Sie auf lib/ aus

Tests:

npm test

Um den Entwicklungsserver auszuführen:

npm start

Verwandt

• Google -Material -Design -Symbole
• Pixo
• Gestaltete Komponenten
• Gestyltes System
• Reagieren Ikonen

MIT -Lizenz