Spinner

CSS-animated loading indicator. Six variants × three sizes. Swiss + Ink variants match their themes.

feedback spinner

Controls

variant

size

Current props

variant: ""
size: ""

Usage

feedback.Spinner(feedback.SpinnerProps{Variant: feedback.SpinnerDots, Size: "md"})
feedback.Spinner(feedback.SpinnerProps{Variant: feedback.SpinnerSwiss})  // Swiss Brut
feedback.Spinner(feedback.SpinnerProps{Variant: feedback.SpinnerInk})    // Ink/Paper

All combinations (18)

Enum controls only · bool and text use defaults

dots · sm

dots · md

dots · lg

pulse · sm

pulse · md

pulse · lg

bars · sm

bars · md

bars · lg

swiss · sm

swiss · md

swiss · lg

ink · sm

ink · md

ink · lg

Props

Name	Type	Options	Default
`variant`	enum	`, dots, pulse, bars, swiss, ink`
`size`	enum	`sm, md, lg`	`md`