name: Assets menu: Assets route: /assets/introduction

Introduction

This package houses all SVG assets you might need to build an application.

Installing

npm install --save @heathmont/moon-assets

Consuming

import { GroupIconCurrency } from '@heathmont/moon-assets/groupIcons';
import { CrestWatford } from '@heathmont/moon-assets/crests';
import { IconAdd } from '@heathmont/moon-assets/icons';
import { LogoSportsbet } from '@heathmont/moon-assets/logos';
import { PatternWave } from '@heathmont/moon-assets/patterns';

• All groupIcons components should be imported from the subfolder /groupIcons
• All crests should be imported from the subfolder /crests
• All icons should be imported from the subfolder /icons
• All logos should be imported from the subfolder /logos
• All patterns should be imported from the subfolder /patterns

Code splitting

This library supports code splitting by using a babel plugin.

Babel configuration

{
  "plugins": [
    ["transform-imports", {
      "@heathmont/moon-assets": {
          "transform": "@heathmont/moon-assets/lib/es/${member}",
          "preventFullImport": true
        }
    }]
  ]
}