Designing our Web Scraper UI with TailwindCSS Discussion

3
General
Wow! This episode is incredibly relevant to me! I manage [littlebirdelectronics.com.au](http://littlebirdelectronics.com.au), an Australian distributor for brands like Adafruit, SparkFun, Pololu, ...

Running into render build error related to Tailwind

9
Rails
Following along with the Build a Blog lesson and currently trying to deploy on render. I can't seem to pass the below error during build - has anyone else seen this before? Locally tailwind is wo...
Chris Oliver replied

How to Remove Unused CSS Classes from Tailwind CSS, Boostrap, and more with PurgeCSS Discussion

12
General
How does this work with .haml templates instead of .erb?
Trevor Owens replied

How do I have a list view like tailwind?

1
CSS
Hello, I created a real estate listings model, but on the index view the list isnt like in the example, it showing all the details of the listing creating like a big box of each listing instead o...
Emma Wilson replied

How do I set the active tab on the tailwindcss-stimulus-components

2
Gems / Libraries
Hi Chris, I am using the tailwindcss-stimulus-components on a project. The tabs work great, but I can't find how to set the active tab. The problem is that I have different links to forms in each t...
Edmundo Ramirez-Semprit replied

How do I get Multiple Output files with cssbundling-rails and Tailwind.

1
Rails
It took me a couple of days to find this answer: https://dev.to/nikz/multiple-output-files-with-cssbundling-rails-and-tailwind-3b4k A Tutorial here might help.
Chris Oliver replied

How do I initialize google maps place autocomplete stimulus controller in a tailwindcss-stimulus-components modal?

5
Javascript
I'm using Jumpstart Pro, and I set up google maps place autocomplete using this lesson: Google Maps and Google Places Autocomplete API with Rails, Turbolinks, and Stimulus.js It works as expected ...
Chris Oliver replied
Solved

What is the best way to add a dynamic active class to a link with Tailwind CSS?

6
CSS
From what I understand the "active variant" is not enabled by default? Where exactly do you enable that with rails? Is there another way to add and remove parts of classes to put together an active...
Solved

Struggle with Rails 7, esbuild, and Tailwind CSS Asset Loading

3
Rails
Recently, I ran into an issue while setting up **esbuild** and **Tailwind CSS** in my Rails 7 app. Despite following all the recommended steps, my **stylesheets** and **JavaScript files** simply wo...
Florian Osterhus replied

Create (or not) a BaseComponent to work with TailwindCSS and ViewComponent?

2
Rails
Hi all, this is my first post and I am working with Ruby and Ruby on Rails for about a month. I have years of experience as a web developer but my focus was more on the Frontend part, if you don't ...

Using stimulus & alpine

1
General
I’m using tailwindcss in a rails app and since they have prebuilt a lot with alpine it’s convinient to use alpine also. Alpine is good, but more for complex tasks I would like to use stimulus. I sa...

How to use Javascript via Webpacker in Rails 6 Discussion

17
General
Alternatively to the webpacker way of require the flatpicker css in the `packs/application.js` you can do someting like: ``` /* *= require flatpicker/dist/flatpicker */ ``` In your rails `app/a...
Tony Dehnke replied

What is the best way to import node_modules CSS in a Rails 7 Esbuild project?

0
Rails
Rails 7.0 Ruby 3.0.3 Esbuild / Tailwind Question: what is the best way to import the CSS from a node package. After running the yarn add command, the JS loads very easily but as you know adding `im...
Stéphane Paquet posted

How do I have a Vue.js navbar stay on the page between page navigations?

0
Gems / Libraries
I built a lovely Navbar in Tailwind CSS in my rails app following a tutorial by Adam Wathan which uses Vue.js for the javascript behavior on dropdowns. I added Vue.js the way Chris suggests here,...
James Devereux posted

I tried to align this TEXT center.

2
CSS
Okay. So I guess the title gives it away. I’m a real noob when it comes to CSS. Like I’m good with JavaScript and have been working with ReactJS and Angular for a while now. But I just can’t seem t...
serjio replied

Webpack and Purge CSS

0
Javascript
Hi All, I am trying to purge my css as I am using tailwind as outlined in the video Chris did. I'm getting an error. **postcss.config.js** let environment = { plugins: [ require('tailwindcs...
Stephen Sizer posted

Using webpacker in Rails Engines?

6
Rails
I'm making a pluggable CMS engine and want to keep the JS/CSS (preferably by writing Tailwind components) in the engine. It works great with models, controllers, routes and the asset pipeline, but ...
Angel Garcia replied

New Design!

4
Site Feedback
Chris, I think you nailed it this time! Every time you roll out a new site design, it's better than the previous. Great job! Nick

How do I create a gem for my ViewComponents that include Stimulus?

0
Gems / Libraries
Can anyone point me at a guide or tutorial that will help me built a gem that does the following: - Allows me to have my ViewComponents - Styled with Tailwind - Interaction with Stimulus controlle...
Mark Stephenson posted

Want to stay up-to-date with Ruby on Rails?

Join 89,621+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.