Installation
Setting up Preline UI in a React project using Tailwind CSS.
A framework for building web user interfaces. If you haven't set up Tailwind CSS yet, check out React Tailwind CSS installation guides.
Install preline
via npm or yarn.
// Terminal or Shellnpm install preline // or yarn add preline
Add the path to Preline UI JavaScript files in your tailwind.config.js
file.
// tailwind.config.jsmodule.exports = { content: [ 'node_modules/preline/dist/*.js', ], plugins: [ require('preline/plugin'), ],}
Add the Preline UI JavaScript in your app entry point (typically app.js
or main.js
)
// index.jsimport('preline')