Preline UI - Biblioteca de components CSS de Tailwind

Preline UI - Biblioteca de components CSS de Tailwind Configureu ràpidament la biblioteca CSS de Preline UI Tailwind per al vostre projecte. Exploreu els components de Tailwind i els elements de la IU, com ara botons, quadrícules, taules i molt més.

 

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. 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
  5. Afegiu el connector d'IU de Preline

  6. Inclou la interfície d'usuari de Preline com a connector al tailwind.config.jsfitxer.
  7. // tailwind.config.js
    module.exports = {
      content: [
        // './src/**/*.{html,js}',
          'node_modules/preline/dist/*.js',
      ],
      plugins: [
        // require('@tailwindcss/forms'),
          require('preline/plugin'),
      ],
    }
  8. Afegiu el JavaScript de la interfície d'usuari de Preline

  9. Incloeu el JavaScript <script>que impulsa els elements interactius al final de l' </body>etiqueta:
  10. // index.html
    <script src="./node_modules/preline/dist/preline.js"></script>