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.

  • Preline UI - Biblioteca de components CSS de Tailwind

    Preline UI - Biblioteca de components CSS de Tailwind

    Preline UI - Biblioteca de components CSS de Tailwind Configureu ràpidament la biblioteca CSS de Pr...

 

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>

 

6 posts relacionats

  • Author
    Joan Puig

    crear una taula PowerGrid

    crear una taula powergrid... READ MORE
  • Author
    Joan Puig

    All-in-One WP Migration and Backup plugin wordpress

    Fes una còpia de seguretat, transfereix, copia i mou un lloc amb 1 clic. Ràpid, fàcil i fiable.... READ MORE
  • Author
    Joan Puig

    optimitzar imatges en laravel

    optimitzar imatges en laravel... READ MORE
  • Author
    Joan Puig

    Trix Un editor de text enriquit

    Un editor de text enriquit per a l'escriptura diària Escriu text amb un format fantàstic a la tev... READ MORE
  • Author
    Joan Puig

    grocerycrud 2

    Grocery CRUD és una biblioteca de codi obert que facilita la vida d'un desenvolupador. Poques líni... READ MORE
  • Author
    Joan Puig

    nanogallery

    nanogallery2 és l'eina preferida per a belles galeries amb efectes atractius i una caixa de llum f�... READ MORE