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: string

default: primary

values: primary, secondary, warning, info, success, danger

Size

Spinner size.

type: string

default: md

values: xs, sm, md, lg, xl, full

Spinner in different sizes

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)