Documentation

Documentation versions (currently viewingVaadin 23)
Check out the new styling guides

Lumo Interaction

Lumo defines a CSS custom property that you can use to adjust the way in which your application indicates clickable elements to users of pointer devices (typically a mouse).

You can either follow the “web” approach and use the pointer (hand) cursor for clickable items, or take the “desktop” approach and use the default (arrow) cursor.

DescriptionCSS Custom Property

Cursor

--lumo-clickable-cursor:

4D15B095-CBCB-4E82-A82B-E5B2DA00EDE5