StimulusReflex Activity Indicator

Uses the Turbo(links) progress bar to display activity while morphing.

https://user-images.githubusercontent.com/4352208/126767394-e0fcefb5-3ac4-484e-bec2-c585e8f5bbc7.mp4

Installation

Install my-project with npm

$ yarn add @stimulus_reflex/activity  

In your (for example) app/javascripts/packs/application.js do:

import "@stimulus_reflex/activity"

Usage/Examples

The progress indicator is opt-in on a per-element basis. To activate it, add data-reflex-display-progress to your reflex element's dataset:

<button data-reflex="click->Filter#filter" data-reflex-display-progress />

Authors

• @julianrubisch

License

MIT