react-icon

Icon component. Icons are kept in svg-format.

To see demonstration of this component, follow this link: .

Usage

Classic method

import { Icon } from "@crpt/react-icon";

<Icon type="calendar" />

| PropName | Описание | Пример | |---|---|---| | type(required): String | Icon name. | <Icon type="search" /> | | onClick: Function | Callback for the click event. | <Icon type="calendar" onClick={e => console.log(e)} /> | | size: Integer | Set size in pixels. | <Icon size={16} type="calendar" /> | | spacingLeft: Integer | Set left margin in pixels. | <Icon type="calendar" spacingLeft={16} /> | | spacingRight: Integer | Set right margin in pixels. | <Icon type="calendar" spacingRight={16} /> | | withoutMask : bool | It disabling mask for svg (If you aren't see svg, try to use this flag) | |

React way ))

You have to receive React Component with svg icon and use it as you wish

import { Icon } from "@crpt/react-icon";
...
  const ObjectWithIconsAsReactComponent = Icon.svgIconsAsComponents;
  const IconComponent = ObjectWithIconsAsReactComponent['iconFileName'];
...  
  at render:
  <IconComponent {some props} />

How to add the icon

Just copy svg icon to src/svg folder and make.

  npm run build

or

  npm start

Icon will be converted to React Component and moved to src/svgComponents folder.