Docs

Documentation versions (currently viewingVaadin 24)

Lumo Interaction

Lumo style properties related to how interactions are indicated in an application, mainly by different mouse cursors.

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

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

Description CSS Custom Property

Cursor

--lumo-clickable-cursor:

4D15B095-CBCB-4E82-A82B-E5B2DA00EDE5