rmdi

Reaccionar iconos de diseño de material

Construido con PIXO, componentes de estilo y sistema de estilo

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

Lista de íconos

Consulte la lista de iconos para obtener una lista completa de todos los iconos disponibles

Accesorios

Apuntalar	Tipo	Descripción
size	número	ancho y altura en píxeles
color	cadena	llenar el color, utiliza la función color del sistema de estilo

Accesorios de espaciado

El margen se puede aplicar con los siguientes accesorios, que utilizan la función space del sistema de estilo. Los accesorios de margen aceptan números para valores de píxeles, cadenas con unidades CSS o matrices para el margen receptivo

Apuntalar	Descripción
m	margen
mt	margen-top
mr	margen de derecha
mb	margen
ml	margen de pesa
mx	margen izquierda y margen-derecha
my	margen-top y margen de fondo

Que contribuye

npm install

El proceso de compilación:

1. Analice el paquete de material-design-icons para el código fuente de SVG
2. Copie los iconos a la carpeta svg/
3. Cree un examples/ carpeta para pruebas y desarrollo
4. Ejecute PIXO en la carpeta svg/ y salida a src/
5. Ejecute Babel en la carpeta src/ y salga a lib/

Pruebas:

npm test

Para ejecutar el servidor de desarrollo:

npm start

Relacionado

• Íconos de diseño de material de Google
• Pixo
• Componentes de estilo
• Sistema de estilo
• Reaccionar iconos

Licencia de MIT