Icons for the Optimizely application and other OUI projects.
This implementation consists of a Icon React Component that will generate an inline SVG icon using the data associated with the name of the icon. Any attributes will be passed as props.
Download the package: Run
yarn add react-oui-icons to include the latest icons in your project.
Using an icon: You can use one of the icons in the HTML with:
import Icon from 'react-oui-icons'; ... <Icon name="search" description="search" size="medium" fill="black" /> ...
react-oui-icons uses Storybook! You can view all of the icons through the Storybook interface by running:
yarn run storybook
It will start a local webserver served at
yarn svgsonto update the icon internal data file in
yarn link react-oui-icons
?use_local_bundle=trueto test your icon changes before releasing with confidence
Don't forget these before you create a release:
Add a new header to
CHANGELOG.md under “Unreleased” with the new version number:
## Unreleased ## 2.0.0 - 2018-04-13 - [Release] Added a cool breaking change. (#999)
Commit to master:
git add . && git commit -a -m 'Prep for new release version x.y.z'
yarn release patchor
yarn release minoror
yarn release major