spinner

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

Parameters

baseClass

optional CSS class that should be applied to the element

build

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

id

the ID of the element

prefix

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

styling

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