DEV Community

Cover image for Tailwind - Forms
Thiago Costa
Thiago Costa

Posted on

Tailwind - Forms

#tailwindcss #css #javascript #tutorial

Installation,
Latest version (Using NPM)

npm install flowbite
Enter fullscreen mode Exit fullscreen mode

Creating a "tailwind.config.js" file, put this code:

module.exports = {

    plugins: [
      require('flowbite/plugin')

 ]
    content: [
        "./node_modules/flowbite/**/*.js"
    ]
}
Enter fullscreen mode Exit fullscreen mode

Require the JavaScript code that powers the interactive elements before the end of your *body * tag:

<script src="../path/to/flowbite/dist/flowbite.min.js"></script>
Enter fullscreen mode Exit fullscreen mode

or include via CDN (not recommended)
If you want to quickly test out Flowbite you can easily include the following CSS and JavaScript files.

<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css"  rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

johnjvester profile image

5 Signs You’ve Built a Secretly Bad Architecture (And How to Fix It)

John Vester -

vectordxy profile image

Apply CSS in Next.js with StayedCSS

jin -

sharathchandark profile image

Building an ECommerce Website with Add to Cart Using API and JavaScript

sharathchandark -

mayankchawdhari profile image

CID-FUNNY-LOGIN

Mayank Chawdhari -