Skip to content
On this page
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

Loading
<%= render(Primer::SpinnerComponent.new) %>

Small

Loading
<%= render(Primer::SpinnerComponent.new(size: :small)) %>

Large

Loading
<%= render(Primer::SpinnerComponent.new(size: :large)) %>