x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="flex items-end gap-4"> <span role="status" aria-live="polite" class="inline-flex items-center"><span class="sr-only">Loading</span><i data-lucide="loader" class="inline-block shrink-0 w-3 h-3 animate-spin" aria-hidden="true"></i> </span> <span role="status" aria-live="polite" class="inline-flex items-center"><span class="sr-only">Loading</span><i data-lucide="loader" class="inline-block shrink-0 w-4 h-4 animate-spin" aria-hidden="true"></i> </span> <span role="status" aria-live="polite" class="inline-flex items-center"><span class="sr-only">Loading</span><i data-lucide="loader" class="inline-block shrink-0 w-5 h-5 animate-spin" aria-hidden="true"></i> </span> <span role="status" aria-live="polite" class="inline-flex items-center"><span class="sr-only">Loading</span><i data-lucide="loader" class="inline-block shrink-0 w-6 h-6 animate-spin" aria-hidden="true"></i> </span> <span role="status" aria-live="polite" class="inline-flex items-center"><span class="sr-only">Loading</span><i data-lucide="loader" class="inline-block shrink-0 w-8 h-8 animate-spin" aria-hidden="true"></i> </span></div>1
2
3
4
5
6
7
<div class="flex items-end gap-4"> <%= render(UI::Spinner.new(size: :xs)) %> <%= render(UI::Spinner.new(size: :sm)) %> <%= render(UI::Spinner.new(size: :default)) %> <%= render(UI::Spinner.new(size: :lg)) %> <%= render(UI::Spinner.new(size: :xl)) %></div>No notes provided.
No params configured.