DEV Community

Cover image for Tailwind - Forms
James
James

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

keploy profile image

How to run cypress run and cypress open at a time

keploy -

ivanivanovv profile image

Stripe Subscription Integration in Node.js [2024 Ultimate Guide]

Ivan Ivanov -

pranta profile image

Why Tailwind Won the CSS Race (and Made Us Forget About `margin-left: auto` Along the Way)

PRANTA Dutta -

nikl profile image

Running a JAX Program from Dart Using C++ FFI

Nik L. -