Directory

← Back

Spinkit Add-on

Vaadin Spinkit

Author

Rating

Popularity

100+

Vaadin component that integrates SpinKit CSS spinners by Tobias Ahlin.

SpinKit is released under MIT License

Sample code

Spinner spinner = new Spinner(SpinnerType.ROTATING_PLANE);
spinner.setSize(SpinnerSize.SM);
addComponent(spinner);
  
Spinner spinner2 = new Spinner(SpinnerType.CIRCLE).large();
addComponent(spinner2);

Spinner spinner3 = new Spinner(SpinnerType.FOLDING_CUBE)
    .small().withStyle("green");
addComponent(spinner3); 

// From version 2.0.0 size and color can be set directly on component
Spinner spinner3 = new Spinner(SpinnerType.FOLDING_CUBE)
    .withBaseSize("60px").withColor("green");
addComponent(spinner3); 

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Upgrade to Vaadin 22

Released
2022-03-04
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 22+
Vaadin 7.6+ in 0.1.0
Vaadin 8.0+ in 1.0.0
Vaadin 14+ in 2.0.0
Browser
N/A

Spinkit Add-on - Vaadin Add-on Directory

Vaadin Spinkit Spinkit Add-on - Vaadin Add-on Directory
Vaadin component that integrates [SpinKit](http://tobiasahlin.com/spinkit/) CSS spinners by [Tobias Ahlin](https://github.com/tobiasahlin). SpinKit is released under [MIT License](http://opensource.org/licenses/MIT)
Online Demo
Issue Tracker
Source Code
Javadocs

Spinkit Add-on version 0.1.0
null

Spinkit Add-on version 1.0.0
null

Spinkit Add-on version 2.0.0
Vaadin 14 support

Spinkit Add-on version 2.0.1
Added css class `.sk-display-block` and helper methods `(set|with)DisplayBlock` on Spinner class to fix display of spinners inside dialogs

Spinkit Add-on version 3.0.0
Upgrade to Vaadin 22

Online