From 012ec27c641aa917bbc2a7cb570656596a6ea960 Mon Sep 17 00:00:00 2001 From: Jakob Skjerning Date: Fri, 7 Nov 2025 10:36:04 +0100 Subject: [PATCH 1/3] Prefer double quotes It's a String literal, so prefer double quotes unless you need single quotes to avoid extra backslashes for escaping. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 53e91f5..97c0211 100644 --- a/README.md +++ b/README.md @@ -22,7 +22,7 @@ Flowbite Components provides a comprehensive library of UI components following Add the gem to your application's Gemfile: ```ruby -gem 'flowbite-components' +gem "flowbite-components" ``` Then execute: From d6bdae000dadadcdd0876a13156ac7abb1d0f058 Mon Sep 17 00:00:00 2001 From: Jakob Skjerning Date: Fri, 7 Nov 2025 10:36:39 +0100 Subject: [PATCH 2/3] Assume yarn That's still the default for new Rails apps. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 97c0211..55bfdb3 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ gem "tailwindcss-rails", ">= 4.3.0" Install Flowbite as an npm dependency: ```bash -npm install flowbite +yarn add flowbite ``` Add Flowbite to your Tailwind CSS configuration. In your `app/assets/tailwind/application.css`: From d8fcd0e737fb9574530c1df38d2664d8c8b7b485 Mon Sep 17 00:00:00 2001 From: Jakob Skjerning Date: Fri, 7 Nov 2025 10:51:33 +0100 Subject: [PATCH 3/3] Clarify that tailwindcss-rails is not optional We need it for the experimental engines support (https://github.com/rails/tailwindcss-rails?tab=readme-ov-file#rails-engines-support-experimental). --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 55bfdb3..c2b2c39 100644 --- a/README.md +++ b/README.md @@ -31,9 +31,9 @@ Then execute: bundle install ``` -### Configuration +### tailwindcss-rails -Make sure you have Tailwind CSS installed in your Rails application. We recommend using the [tailwindcss-rails](https://github.com/rails/tailwindcss-rails) gem: +Tailwind needs to be able to look through your code in order to generate the final CSS file with the class names you actually use. To allow Tailwind to find CSS class names inside flowbite-components you need to use [tailwindcss-rails](https://github.com/rails/tailwindcss-rails) gem: ```ruby gem "tailwindcss-rails", ">= 4.3.0"