Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@coorpacademy/nova-icons

3.7.2 • Public • Published

@Coorpacademy/nova-icons

Components bank (react and react-native) based on Nova SVG icons (through Iconjar files)

Before all

  • Download iconjar application for macos (https://geticonjar.com/) or free app nucleoapp (https://nucleoapp.com/)

Adding an icon

  • Import your icon's collection from the folder you need in packages/@coorpacademy-nova-icons/third-party or add a new one
  • Drag and drop your SVG file into a collection
  • Export the new updated iconjar collection (be careful to have the same name when you export, to erase the old one)
  • Add the brand new svg icon's path into icons.js file that's in root project (if you're SVG has a color and you want to keep it, you can add the property: replaceColors: false)
  • Generate the component using yarn prepare
  • You have to commit the Meta file

Usage

import React from 'react';
import { NovaCompositionCoorpacademyCog } from '@coorpacademy/nova-icons';
 
const MyComponent = () => (
  <NovaCompositionCoorpacademyCog width={32} height={32} color="#123456" />
);
 
export default MyComponent;

Note: React-Native component will automatically be resolved as Metro supports .native.js extension.

Props

You can use the props supported by svg and react-native-svg <SVG /> component with camel case format (ie: strokeColor).

Contributing

Please, run yarn test before submitting a pull request.

Keywords

none

Install

npm i @coorpacademy/[email protected]

Version

3.7.2

License

none

Unpacked Size

1.83 MB

Total Files

1549

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar