Nabla UI

Custom components made with 💙 by Fitune

How to use in your project

Make sure to import the CSS file in your main entry point:

import 'nabla-ui/dist/style.css';

How to launch and test project locally

This project is build using Vite and yarn. In order to tests your changes locally first you need to install dependencies with command.

yarn install

After making any change to the code, run the vite build command to update dist folder

yarn run vite build

If you want to automatically re-build your project upon new changes you can add the --watch flag to the previous command like this

yarn run vite build --watch

If you are already using nabla-ui package from npm consider temporarely remove the package before link the local project.

yarn remove nabla-ui

Then use the link command to link this package to your main project, position yourself in the dist folder of the project (nabla-ui/dist) and run

yarn link

In your main project then run

yarn link nabla-ui

Once you have tested your changes you can unlink the local package with

yarn unlink nabla-ui

To publish your changes to npm just run

Important: Remember to make a last build before publishing to update your dist folder in order to publish the latest changes.

npm publish

That's it!