Setup Tailwind UI in React project
13 April 2022 (Updated 22 April 2022)
On this page
Install packages
Ensure you’ve setup the open-source version of Tailwind
Install the Headless UI package for the JavaScript behaviour and the Heroicons package for icons:
Optional: Add the Inter font family
Add CDN link:
Configure tailwind.config.js
:
Restart your Tailwind script. For create-react-app projects, quit your dev server and run:
Sources
Thanks for your comment . Once it's approved, it will appear here.
Leave a comment