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 buildor
npm startIcon will be converted to React Component and moved to src/svgComponents folder.