simple_form_tailwind_css
Simple Form
simple_form_tailwind_css | Simple Form | |
---|---|---|
2 | 13 | |
28 | 8,193 | |
- | 0.1% | |
0.0 | 5.7 | |
over 1 year ago | about 1 month ago | |
Ruby | Ruby | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
simple_form_tailwind_css
-
Styling Simple Form forms with Tailwind
One option is the simple_form_tailwind_css gem by Abe Voelker, mentioned also in the GitHub issue. It uses a combination of default Tailwind styles in the Simple Form configuration with a custom form builder and a few custom inputs. The gem supports replacing the default classes related to error messages with custom ones.
-
Building UI with Rails 7 + Tailwind
The problem I have is the front end. I'm using Rails 7 with Tailwind and I'm hitting all sorts of problems. I don't need anything fancy, basically a form with few text inputs, dropdowns (single and multi-select), and numeric inputs. How do people implement these components? It seems like barely any gems support stimulus/tailwind, for example, Simple-Forms. I've found the workaround repo, but it seems more like a temp fix rather than a real solution.
Simple Form
-
Internationalize and Humanize your Ruby on Rails application
I also tend to use gems like simple_form to generate my form HTML, and this saves me from having to maintain a lot of view code to outputting translated content onto forms. Also simple_form has it's own i18n convention that compliments the Rails default pretty well.
- AppDev Week 2
-
Rails simple_form gem: Unable to render validation messages
I followed the RailsCasts tutorial and its GitHub page to set up the gem in my application and used it for all of the models in my application. It was working perfectly fine showing the default error message at the top and the validation message at the bottom of their respective fields.
-
Updating a Booking Status
Okay now for those "buttons". We don't want just a normal button or link though. This is where we need the booking update form. Let's use simple_form_for (check out the docs here).
-
#1 Made easy form in Rails with Simple Form - Gem Weekly
There are many ways to create a form in Rails, whether you want to create a form with Form builder from Rails itself or maybe using third party gem like simple_form. Of course, simple_form is not the only option we have to build form in rails, there are alternatives out there such as formtastic, cocoon, nested_form, etc. However, in this post I'm going to give you a basic use case to use simple_form in Rails application.
-
Reusable form elements
I usually go with simple_form, I customise my forms by configuring it and letting it handle the repeated rendering.
- How to wrap select field in div in SimpleForm?
-
Styling Simple Form forms with Tailwind
Simple Form gem
-
From partials to ViewComponents: writing reusable front-end code in Rails
The biggest unclear area that we saw related to view components were forms. There were glimpses of compatibility issues with Rails form helpers in the documentation and we saw a recent effort of the team to mitigate them. Moreover, we were used to building forms with Simple Form which added another variable to the equation. And, in general, we considered the Rails form builders (as well as the Simple Form builder) a system of form-related components in the first place so we were unsure how this would fit into the View Components ecosystem or whether we should even try to do that.
-
Simple Form
Learn more about simple form: 1) https://github.com/heartcombo/simple_form 2) https://www.youtube.com/watch?v=NfZk74R2Oi4&t=5s
What are some alternatives?
tailwindcss-stimulus-components - A set of StimulusJS components for TailwindCSS apps similar to Bootstrap JS components.
Formtastic - A Rails form builder plugin with semantically rich and accessible markup.
Slim - Slim is a template language whose goal is to reduce the syntax to the essential parts without becoming cryptic.
Rails Bootstrap Forms - Official repository of the bootstrap_form gem, a Rails form builder that makes it super easy to create beautiful-looking forms using Bootstrap 5.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Cocoon - Dynamic nested forms using jQuery made easy; works with formtastic, simple_form or default forms
view_component-form - Rails FormBuilder for ViewComponent
Reform - Form objects decoupled from models.
ActiveForm - Create nested forms with ease.
Abracadabra
ComfyBootstrapForm - Rails form builder for Bootstrap 4 markup that actually works!
Haml - HTML Abstraction Markup Language - A Markup Haiku