Pages
Introduction Colors & Tokens Icons
UI
Button Link Badge Notification Badge Alert Card Spinner Avatar Divider Empty State
Interactive
Modal Side Modal Dropdown Tooltip Accordion Tabs Flash Toast
Forms
Form Select Toggle Checkbox & Radio Text Fields Date & Time Fields
Layout
Navbar Sidebar Table Pagination Breadcrumbs Selector List
Utilities
Local Time

Spinner

Loading indicator in three color variants and three sizes.

Dark and primary

.demo-row
  - %i[sm md lg].each do |size|
    = app_theme_spinner(:dark, size)
  - %i[sm md lg].each do |size|
    = app_theme_spinner(:primary, size)

Light (on dark surfaces)

.demo-row.demo-row--dark
  - %i[sm md lg].each do |size|
    = app_theme_spinner(:light, size)

Inside a button

= app_theme_button(variant: :primary, disabled: true) do
  = app_theme_spinner(:light, :sm)
  Saving…