Spinner
Spinner is an animation component used when we load data or perform some operation whose time is difficult to predict.
SpinnerBosons
Color
Color from the Tailwind palette.
type:
stringdefault:
primaryvalues:
primary, secondary, warning, info, success, dangerSize
Spinner size.
type:
stringdefault:
mdvalues:
xs, sm, md, lg, xl, fullExamples
Spinner in different sizes
xs
sm
md
lg
xl
1// Default spinner
2
3@protons.Spinner(
4 &protons.SpinnerBosons{
5 Size: "md",
6 },
7)Spinner in different colors
primary
secondary
warning
danger
success
info
1// Spinner in primary color
2
3@protons.Spinner(
4 &protons.SpinnerBosons{
5 Color: "primary",
6 },
7)