{"repo":"excid3/tailwindcss-stimulus-components","free":true,"listed":false,"github":"https://github.com/excid3/tailwindcss-stimulus-components","clone":"git clone https://github.com/excid3/tailwindcss-stimulus-components.git","description":"A set of StimulusJS components for TailwindCSS apps similar to Bootstrap JS components.","language":"JavaScript","stars":1515,"topics":["tailwindcss","stimulusjs","hacktoberfest"],"license":"MIT","category":"ui-components","readme_excerpt":"TailwindCSS Stimulus Components Check out the demo This is a set of components (Tabs, Modals, Dropdowns, etc) for TailwindCSS that uses StimulusJS controllers. The goal is to make using TailwindCSS as easy as Bootstrap when it comes to adding Javascript components. Install This assumes that StimulusJS is already installed. Add the tailwindcss-stimulus-components module: or or use with Rails importmaps: Basic Usage First, you'll want to initialize StimulusJS and then you can import all the TailwindCSS components. This will start StimulusJS and load any controllers that you have locally and then register the TailwindCSS components. Components Alert Autosave Color Preview Dropdown Modal Popover Slideover Tabs Toggle Utilities transition Styling All of the styles for the Stimulus components are configurable. Our examples above show some example styles you can use, but these components themselves don't require any specific styles. Stimulus simply requires the data- attributes to be defined correctly to trigger actions and find targets. Some components like the modal have some styles that are necessary for proper use in the browser. The container and backgrounds are separate so that you can have a fixed size container and the modal inside of it. Animations Extending Components You can use inheritance to extend the functionality of any Stimulus components. These controllers will automatically have access to targets defined in the parent class. If you override the connect , disconnec","default_branch":null,"files":null,"tree":[],"storefront":"/r/excid3","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/excid3/tailwindcss-stimulus-components/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}