StimulusReflex Activity Indicator

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

CleanShot.2021-07-23.at.12.04.05.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"

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 />