@bearei/react-icon

react-icon

A basic icon component that supports react and native react.

Installation

yarn add @bearei/react-icon --save

Parameters

Name	Type	Required	Description
size	small medium large	✘	Set the icon size
width	string number	✘	Set the width of the icon
height	string number	✘	Set the icon height
fill	string	✘	Set the icon fill color
content	ReactNode	✘	The main area content of the icon
renderMain	(props: IconMainProps) => ReactNode	✘	Render the icon main
renderContainer	(props: IconContainerProps) => ReactNode	✘	Render the icon container

Use

import React from 'React';
import ReactDOM from 'react-dom';
import Icon from '@bearei/react-icon';

const icon = (
  <Icon
    renderMain={() => <i>{'icon'}</i>}
    renderContainer={({id, children}) => (
      <div data-id={id} tabIndex={1}>
        {children}
      </div>
    )}
  />
);

ReactDOM.render(icon, container);