rmdi

Reagir ícones de design de material

Construído com Pixo, componentes com estilo e 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 ícones

Veja a lista de ícones para obter uma lista completa de todos os ícones disponíveis

Adereços

Prop	Tipo	Descrição
size	número	largura e altura em pixels
color	corda	preencher a cor, usa a função color do sistema estilizado

Adereços de espaçamento

A margem pode ser aplicada com os seguintes adereços, que usam a função space do sistema com estilo. Os adereços de margem aceitam números para valores de pixel, strings com unidades CSS ou matrizes para margem responsiva

Prop	Descrição
m	margem
mt	margin-top
mr	Margem-direita
mb	Margin-Bottom
ml	margem-esquerda
mx	margem-esquerda e margem-direita
my	Margin-top e margem-fundo

Contribuindo

npm install

O processo de construção será:

1. Analisar o pacote de material-design-icons para o código-fonte SVG
2. Copie os ícones para a pasta svg/
3. Crie um examples/ pasta para testes e desenvolvimento
4. Execute o Pixo na pasta svg/ e a saída para src/
5. Run Babel na pasta src/ e Saída para lib/

Testes:

npm test

Para executar o servidor de desenvolvimento:

npm start

Relacionado

• Google Material Design Icons
• Pixo
• Componentes estilizados
• Sistema com estilo
• Reacto em ícones

MIT Licença