Click Demo - Clickable, Hoverable, Focusable, Selectable

Demo Information

Behaviors demonstrated:

• Hoverable: Buttons highlight on hover
• Focusable: Press T to focus items, arrow keys to navigate
• Clickable: Single click, double click, long press events
• Selectable: Toggle selection with click
• Disableable: Disable checkbox prevents interaction

Try this:

• Click the buttons and watch for click events
• Press and hold for long press (0.6s)
• Double-click quickly for double click event
• Press T to focus items, use arrow keys to move focus
• Click toggles to select items
• Check the disable box to disable the red button

Event Log: