react-material-iconic-font

> Material Iconic Font in React components

Install

``bash
npm i react-material-iconic-font --save
`

Peer Dependencies

- react - >= 15
- react-dom - >= 15
- material-design-iconic-font - 2.2.x

Usage

`jsx
import React from 'react';
import { render } from 'react-dom';
import MaterialIcon from 'react-material-iconic-font';

const AddButton = ({ children, ...props }) => (

{children}

);

render(Add, document.body);
`

Using icon "stacks"

`js
import React from 'react';
import { render } from 'react-dom';
import MaterialIcon, { MaterialIconStack } from 'react-material-iconic-font';

const ShareButton = ({ children, ...props }) => (





{children}

);

render(Share, document.body);
`

Passing HTML attributes

`js
const AddButton = ({ children, ...props }) => (

{children}

);
`

Optional Properties

`js
// large -> zmdi-hc-lg


// large -> zmdi-hc-stack-lg


// size -> zmdi-hc-{x}x
// valid: 2..5


// stackSize -> zmdi-hc-stack-{x}x
// valid: 1,2


// fixed -> zmdi-hc-fw


// MaterialIconList -> zmdi-hc-ul + zmdi-hc-li




// inverse -> zmdi-hc-inverse


// border -> zmdi-hc-border


// border="circle" -> zmdi-hc-border-circle


// pull -> pull-{direction}
// valid: ['left', 'right']


// spin -> zmdi-hc-spin


// flip -> zmdi-hc-flip-{axis}
// valid: ['horizontal', 'vertical']


// rotate -> zmdi-hc-rotate-{degress}
// valid: [90, 180, 270]

``

License

MIT