diff --git a/README.md b/README.md index 53e91f5..c2b2c39 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: @@ -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" @@ -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`: