This library contains:

• a collection of Vue 3 components based on Flowbite
• a set of utility functions

1. Install TailwindCSS 4 on your project, follow the official documentation on how to do so.
2. Add this library via npm:

   npm install @nethesis/vue-components

3. Add to your main CSS file (change node_modules path if needed):

   /* import the Theme and the CSS for the components */
   @import '@nethesis/vue-components/theme.css';
   /* detect tailwind classes used in @nethesis/vue-components (change this path accordingly if needed) */
   @source 'node_modules/@nethesis/vue-components';

4. After this, you're golden! You can browse the Storybook to see the available components and their usage.

Due to fontawesome having issues overriding your icons, it's suggested to set to false the autoAddCss option from the icons, and adding the required CSS by yourself in a lower priority layer than tailwindcss.

/* fontawesome styles */
@import '@fortawesome/fontawesome-svg-core/styles.css' layer(fontawesome);

Official documentation can be found here: https://docs.fontawesome.com/apis/javascript/configuration

You can read the contributing guidelines to know how to contribute to this project.

All the repo is licensed under GPL 3.0 or later license.