Interactivity

Pointer Events

Style syntax for setting whether an element reacts to pointer events.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`pointer-events:value`	`pointer-events: value`
`pointer-events:auto`	`pointer-events: auto`
`pointer-events:none` `/` `untouchable`	`pointer-events: none`
`pointer-events:visiblePainted`	`pointer-events: visiblePainted`
`pointer-events:visibleFill`	`pointer-events: visibleFill`
`pointer-events:visibleStroke`	`pointer-events: visibleStroke`
`pointer-events:visible`	`pointer-events: visible`
`pointer-events:painted`	`pointer-events: painted`
`pointer-events:fill`	`pointer-events: fill`
`pointer-events:stroke`	`pointer-events: stroke`
`pointer-events:all`	`pointer-events: all`
`pointer-events:bounding-box`	`pointer-events: bounding-box`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="pointer-events:auto:hover pointer-events:auto@sm pointer-events:auto@dark pointer-events:auto@print">…</div>