Preline UI - Biblioteca de components CSS de Tailwind

llibreries

Requereix fer-ho mitjançant NPM

1. Instal·leu la interfície d'usuari de Preline

2. Instal·lar prelinemitjançant npm

3. npm i preline

4. 
   
5. Tingueu en compte que la interfície d'usuari de Preline utilitza el connector Tailwind CSS Forms en tots els components del formulari. No us oblideu d'instal·lar-lo, si encara no ho heu fet:npm install -D @tailwindcss/forms

6. Afegiu el connector d'IU de Preline

7. Inclou la interfície d'usuari de Preline com a connector al tailwind.config.jsfitxer.

8. // tailwind.config.js
   module.exports = {
     content: [
       // './src/**/*.{html,js}',
         'node_modules/preline/dist/*.js',
     ],
     plugins: [
       // require('@tailwindcss/forms'),
         require('preline/plugin'),
     ],
   }

9. Afegiu el JavaScript de la interfície d'usuari de Preline

10. Incloeu el JavaScript <script>que impulsa els elements interactius al final de l' </body>etiqueta:

11. // index.html
    <script src="./node_modules/preline/dist/preline.js"></script>