spinner

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

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 }
}

See also

Parameters

styling

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

baseClass

optional CSS class that should be applied to the element

id

the ID of the element

prefix

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

build

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