# flame-react

The react implementation of the core atomic components of the flame design system.

[📚 Storybook](ls-flame-react.netlify.app)

## Installing

```
npm install @lightspeed/flame-react
```

## Initial setup

### Install the fonts 

Load the following fonts in your app:

```
<link
  href="https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext"
  rel="stylesheet"
/>
```

## Automatic Namespacing

We use a namespacing strategy to enable proper treeshaking. What that means is for every `index.ts` file found within
the `src` folder, we'll automatically create a root package `index.js` file which points to the proper location in the `dist` folder.

Unless you are removing folders from `src`, you shouldn't be touching package root exports `e.g: ./Button/` as those are automatically generated during build.
