# fabric Components

> Tips & tricks for working with styles out of `fabric-components`

While working on components in `fabric-components-react`, it may be helpful to
open up `fabric-components` so that you can edit styles and see them appear in
the React.js Storybook for your component. In order to do that, you'll need to
follow these steps:

When in the directory of your `fabric-components` folder, run the following
command:

```bash
yarn link
```

You should see a success message similar to:

```bash
success Registered "fabric-components".
info You can now run `yarn link "fabric-components"` in the projects where you want to use this package and it will be used instead.
```

Now, go to the folder where `fabric-components-react` is located and run:

```bash
yarn link fabric-components
```

You should see a success message similar to:

```bash
success Using linked package for "fabric-components".
```

The `yarn link` command will allow us to point the `fabric-components` package
under `node_modules` to the folder on our filesystem. So, if we make a change in
`fabric-components` and re-compile the project it will update in the Storybook
environment for `fabric-components-react`.

In addition, if you would like to have your changes to styles automatically
compile and update Storybook you can run the following command in the
`fabric-components` folder on your machine:

```bash
yarn gulp watch
```

This will execute the `watch` command in `gulpfile.js`. As a result, whenever
you make a change to the project styles it will automatically copy over into the
`scss` folder which Storybook uses in `fabric-components-react`.