Common Stimulus controllers for your Rails app

Stimulus is a modest framework built at Basecamp. It works with the HTML you already have, this means you don’t have to create separate template (files) with Javascript. Instead you use the HTML rendered by your server. The HTML you already know and love. Easy and straightforward. So it’s the perfect choice to add some UI enhancements to your new Ruby on Rails product. Stimulus works with “controllers” that are simply called within your HTML.

Sjabloon adds in a variety of Stimulus controllers to help you kick start your next big project. Some of these are:

Modal controller

This controller gives you the ability to show a modal on a background overlay. It also comes with the option to show the modal after a certain time (in seconds).

Form validation controller

The form validation is an easy to use controller that use HTML5 attributes to validate your form fields.

Accordion controller

The accordion is a common UI element where you can store question - answer type of content. You click the question to reveal the answer. You are of course not limited to questions and answers: use it however you see fit.

Dropdown controller

The famous dropdown can be easily added by using this controller. The contents of the dropdown are completely up to you.

Tabs controller

The tabs controller can be used as a basic tabs-layout or you can use it as seen on the default homepage design.

Announcements/changelog controller

You can see this controller in action when you log into your Sjabloon account. It works similarly like the changelog from Headway etc. If pushes the boundaries of what Stimulus can do by rendering a JSON payload.

These are just some of the controller that are packaged into Sjabloon. The library is constantly expanding and I happily take requests if you think something is missing. Check out some of these in the UI components library.