Loaders

You can re-render the page at any point during a reflex, useful for loading indicators and counters.

Waiting...

Expensive

Component
Template

app/components/expensive_component.rb

class ExpensiveComponent < ViewComponentReflex::Component
  def initialize
    @loading = false
    @counter = 3
  end

  def do_stuff
    sleep 1
    @counter -= 1
    refresh!
  end

  def loading=(bool)
    @loading = bool
    refresh!
  end

  def execute
    return if @loading

    @counter = 3
    self.loading = true
    @counter.times { do_stuff }
    self.loading = false
  end
end