History

Javi Velasco 0cb8d8bdb2 Get rid of jsx extensions 🔮		2016-04-10 21:23:04 +02:00
..
FontIcon.js	Get rid of jsx extensions 🔮	2016-04-10 21:23:04 +02:00
index.js	Remove jsx extension from imports in components	2015-11-28 20:24:46 +01:00
readme.md	Updated Font Icon Examples. Also updated value type	2016-03-25 10:35:44 -04:00

readme.md

Font Icon

The font icon component is used to represent an icon from the Google Material Design icon font. React Toolbox does not provide the font icon for you. You need to get the icons using whatever method you want. We recommend to import the font and the associated CSS from Google Fonts as is specified here.

import FontIcon from 'react-toolbox/lib/font_icon';

const FontIcons = () => (
  <span>
    <FontIcon value='add' />
    <FontIcon value='favorite' />
    <FontIcon>star</FontIcon>
  </span>
);

Properties

Name	Type	Default	Description
`children`	`String`		The key string for the icon you want to be displayed.
`className`	`String`	`''`	The class name to give custom styles such as sizing.
`value`	`String` or `Element`		The key string for the icon you want be displayed.