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<EventContext<HTMLDivElement>.() -> Unit>
Content copied to clipboard
icon
Link copied to clipboard
speed
Link copied to clipboard
thickness
Link copied to clipboard