Preline UI - Biblioteca de components CSS de Tailwind

Created at: 2025-01-19 21:02:42 | Updated at: 2025-01-20 04:27:46

 

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>

 

No valid image directory found or the category is not valid for the gallery.

Back to Posts
Preline UI - Biblioteca de components CSS de Tailwind

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.