mineral-ui-icons
Mineral UI icons packaged as a set of React components
Installation
npm install --save mineral-ui-icons
Import Syntax
Option 1 - ES
If tree shaking is supported and properly configured in your build chain, you can use the following import syntax. Care must be taken to ensure that it is working properly, else this syntax will cause all of the icons to be included in your bundle.
;
Option 2 - CommonJS
If your build chain does not support tree shaking, or if you are unsure and want to be safe, you should instead use the following import syntax.
;;
Plugins
There are several 3rd party plugins that allow you to write imports using the ES syntax described in option 1, without worrying about bundle size, and without yet having tree shaking working in your build chain. These may be useful as an interim step while you work towards the goal of adding tree shaking to your project.
Usage
import React from 'react';import render from 'react-dom';import IconHelp from 'mineral-ui-icons/IconHelp';import ThemeProvider from 'mineral-ui/themes'; { return <ThemeProvider> <IconHelp /> </ThemeProvider> ;} ;
Your app must be wrapped in a ThemeProvider at its root in order for the styles to apply correctly.
mineral-ui-icons
package
Publishing the npm run build:icons
npm version minor
(or major, prerelease, etc)npm run build
- Commit changes and push to GitHub
cd dist && npm publish