Spinner Component
open class SpinnerComponent : Component<Unit> , EventProperties<HTMLDivElement>
Content copied to clipboard
This component class offers different configuration values of a spinner.
If you set an `icon`
, the spinner will be icon based. The default behaviour is pure CSS based. You can pass the `size`
of the border by passing a Thickness value. Have a look at the definitions of your Theme.borderWidths property. Also you can control the `speed`
of the animation by passing a value with time unit suffix, either `s`
or `ms`
according to the standard
Have a look at the following example calls:
// minimal setup -> pure CSS
spinner {}
// pure CSS spinner
spinner {
size { fat } // really, really fat spinner!
}
// icon based
spinner {
icon { star }
}
// with styling and speed customized
spinner({
color { "purple" }
size { large }
}) {
icon { star }
speed { "300ms" }
}
Constructors
SpinnerComponent
Link copied to clipboard
fun SpinnerComponent()
Content copied to clipboard
Types
Functions
Properties
events
Link copied to clipboard
open override val events: ComponentProperty<WithEvents<HTMLDivElement>.() -> Unit>
Content copied to clipboard
This property enables the client to access all events offered by the underlying HTML element.
icon
Link copied to clipboard
speed
Link copied to clipboard
thickness
Link copied to clipboard