Skip to content
On this page

Spinner

Use spinner to let users know that content is being loaded.
  • Beta
  • Not reviewed for accessibility
On this page

Use Spinner to let users know that content is being loaded.

Arguments

NameTypeDefaultDescription
sizeSymbol:mediumOne of [:large, 64], [:medium, 32], or [:small, 16].
styleStringbox-sizing: content-box; color: var(--color-icon-primary);Custom element styles.
system_argumentsHashN/ASystem arguments

Examples

Default

<%= render(Primer::Beta::Spinner.new) %>

Small

<%= render(Primer::Beta::Spinner.new(size: :small)) %>

Large

<%= render(Primer::Beta::Spinner.new(size: :large)) %>