History

Panjie Setiawan Wicaksono f365724ee8 Restructure typescript definitions (#1114 ) * ts: restructure typescript definitions - Add each raw components types - Update layout props to the new layout implementation - Add table definitions - Add HOC types * fix ListItem typescript definition * add themr identifiers definitions * simplify React.ReactNode properties * React.ReactNode \| string => React.ReactNode is already indirectly type aliased to string		2017-01-18 08:37:37 +01:00
..
FontIcon.d.ts	Restructure typescript definitions (#1114 )	2017-01-18 08:37:37 +01:00
FontIcon.js	Alternative text for the FontIcon	2017-01-11 19:51:02 +01:00
index.d.ts	Restructure typescript definitions (#1114 )	2017-01-18 08:37:37 +01:00
index.js	Add specific imports for FontIcon	2016-05-29 19:38:06 +02:00
readme.md	Alternative text for the FontIcon	2017-01-11 19:51:02 +01: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 value='account_circle' />
    <FontIcon>star</FontIcon>
  </span>
);

Properties

Name	Type	Default	Description
`alt`	`String`	`''`	The text used to set the `aria-label` attribute.
`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.