tailwindcss-stimulus-components
view_component-form
tailwindcss-stimulus-components | view_component-form | |
---|---|---|
11 | 1 | |
1,310 | 185 | |
- | 3.2% | |
8.7 | 4.6 | |
about 1 month ago | 29 days ago | |
JavaScript | 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.
tailwindcss-stimulus-components
-
Tailwind UI, JS and Rails
My question is I have seen tailwindcss-stimulus-components and wondered if there are any video tutorials on how to implement it?
-
Building UI with Rails 7 + Tailwind
If you don't want to pay for it, you can build your own, or use components other people have created, like tailwindcss-stimulus-components.
-
Adding Custom Attributes to Trix's toolbar
Tailwind CSS Stimulus Components
-
What is your Rails 7 Stack? And other questions, I need help
Have you seen this? https://github.com/excid3/tailwindcss-stimulus-components
- Tailwind (JavaScript) with new rails 7 app
-
hotwire turbo + tailwindui experiences?
yeah just got started. i’m using the gem at https://github.com/excid3/tailwindcss-stimulus-components for now, and i’m hard coding in all the transitions. but starting to get cumbersome. wondering if i should just use their react/vue components for anything pre-built, and write my own stimulus controllers for whatever limited needs i have. (goal is to leverage server side rendered html plus hotwire for most of the heavy lifting)
-
Server-rendered modal forms on Rails with CableReady, Mrujs, Stimulus, and Tailwind
// Credit: This controller is an edited-to-the-essentials version // of the modal component created by @excid3 as part of the essential // tailwind-stimulus-components package found here: // https://github.com/excid3/tailwindcss-stimulus-components // In production, use the full component from the // library or expand this controller to allow for // keyboard closing and dealing with scroll positions import { Controller } from "@hotwired/stimulus" export default class extends Controller { static targets = ['container']; connect() { this.toggleClass = 'hidden'; this.backgroundId = 'modal-background'; this.backgroundHtml = this._backgroundHTML(); this.allowBackgroundClose = true; } disconnect() { this.close(); } open() { document.body.classList.add('fixed', 'inset-x-0', 'overflow-hidden'); this.containerTarget.classList.remove(this.toggleClass); document.body.insertAdjacentHTML('beforeend', this.backgroundHtml); this.background = document.querySelector(`#${this.backgroundId}`); } close() { if (typeof event !== 'undefined') { event.preventDefault() } this.containerTarget.classList.add(this.toggleClass); if (this.background) { this.background.remove() } } _backgroundHTML() { return `${this.backgroundId}" class="fixed top-0 left-0 w-full h-full" style="background-color: rgba(0, 0, 0, 0.7); z-index: 9998;">`; } }
-
Do you wish Bootstrap had a StimulusJS library instead of relying on jQuery and Popper?
Yeah, I made this to replicate the JS features of Bootstrap in Tailwind & Stimulus: https://github.com/excid3/tailwindcss-stimulus-components
-
How to use modals with forms in Rails using Turbo
this is extended from the original modal supplied from tailwindcss-stimulus-components
view_component-form
-
Building UI with Rails 7 + Tailwind
In the past I have used simple_form but after a lot of projects I have switched to plain FormBuilder. It became easier to styling every input without headacle. For reusing purpose I’m in flavor of view-component_form gem (it only wraps every input type in a view_component).
What are some alternatives?
trix - A rich text editor for everyday writing
Simple Form - Forms made easy for Rails! It's tied to a simple DSL, with no opinion on markup.
jsbundling-rails - Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.
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.
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
view_components - ViewComponents for the Primer Design System
bootstrap.native - Bootstrap components build with Typescript
simple_form_tailwind_css - Tailwind components for Simple Form
turbo_modal
Ruby on Rails - Ruby on Rails
cssbundling-rails - Bundle and process CSS in Rails with Tailwind, PostCSS, and Sass via Node.js.
Stimulus - A modest JavaScript framework for the HTML you already have