react-icons

Installation

npm i @festo-ui/react-icons

Basic usage

All icon names are beginning with <Icon...> Example:

<IconAccordion></IconAccordion>

sizing

The default size is 16px. for other sizes use the size attribute.

Default sizes

You can use these sizes: 16 | 24 | 32 | 48 | 64 | 96 | 128

<IconAccordion size={48}></IconAccordion>

Custom size

To use a custom size, use the svg property together with size = 16, 24 or 32.

<IconAccordion size={32} svgProps={{ height: '256px' }}></IconAccordion>

Color

By default the icon has the text color. If you want the festo colors instead set the festoColor attribute:

<IconAccordion festoColor></IconAccordion>

Add class names

You can add css class names by setting the className attribute:

<button className="fwe-btn">
    <IconAccordion className="fwe-mr-xxs"></IconAccordion>
    Buttontext
</button>

Developer Documentation

For more information for developers, please refer to the Developer README.