fun RenderContext.spinner(styling: BasicParams.() -> Unit = {}, baseClass: StyleClass? = null, id: String? = null, prefix: String = "spinner", build: SpinnerComponent.() -> Unit)

This component generates an animated spinner. The spinner is either pure CSS (just a rotating curved border segment) or icon based.

You can customize the animation speed in CSS notation (`s` or `ms` suffix is needed!).

If the spinner is made of pure CSS, you can configure the size of the border on top.

// pure CSS spinner
spinner {
size { fat } // really, really fat spinner!

// icon based
spinner {
icon { star }

For a detailed overview of the configuration options have a look at SpinnerComponent

See also



optional CSS class that should be applied to the element


a lambda expression for setting up the component itself. Details in SpinnerComponent


the ID of the element


the prefix for the generated CSS class resulting in the form `$prefix-$hash`


a lambda expression for declaring the styling as fritz2's styling DSL