We've moved discussions to Discord

Join Discord

Using Tailwind UI

Brian Carpenter •
I saw some lines of code in a config file that need to be uncommented to use tailwindUI components.  Is this it or do I need to run the full install as described on tailwindUI’s website.

Anyone tried this?
Bryan Stewart •
I assume you just link to the css

John Chambers •
Just uncomment those lines in tailwind.config.js

plugins: [
    // Uncomment the following if you'd like to use TailwindUI
    require('@tailwindcss/ui')({
     layout: 'sidebar',
    })
  ],

And make sure that you have tailwindui installed in your /package.json file.

You might have to run the following yarn command

yarn add @tailwindcss/ui




Brian Carpenter •
Thanks John.  Was missing the package.json reference.  Thought I did the install (NPM,) but it didn't take.
Chris •
Hi All,

Should below be working inside the template out of the box.. 

None of the Tailwind colours are working for me

<ul class="space-y-4">  
<li>    
<div class="w-64 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"><
/div>  
</li>



Donn Felker •
I believe all the standard colors are there, but fuchsia is not in the standard set. You just need to opt into the non-standard ones like this in the tailwind.config.js file

const colors = require('tailwindcss/colors')

module.exports = {
  theme: {
    extend: {
      colors: {
        rose: colors.rose,
      }
    },
  },
...
Chris •
Thanks  Donn Felker  
My Discussions Participating All Discussions
Notifications
You’re not receiving notifications from this thread.