Interaction
Use these CSS Custom Properties to apply consistent interaction styles for components.
Importing
Import the custom properties before using them in your style sheets.
import '@vaadin/vaadin-lumo-styles/style';Clickable Cursor
How clickable items are indicated to the users of pointer devices (the mouse) can be configured to suit your application’s target audience.
You can either follow the “web” approach and use the pointer (hand) cursor for clickable items, or the “desktop” approach and use the default (arrow) cursor.
| Description | CSS Custom Property |
|---|---|
Cursor | --lumo-clickable-cursor: |