← Examples Gallery

Alap v3 — Hooks & Media

Event hooks, image triggers, image menu items, hover previews, and context popups.

1. Image as Trigger

Click the photo to open a menu. The menu appears at the click coordinates.

Golden Gate Bridge

2. Div as Trigger

Any element can be an Alap trigger — not just <a> tags.

Brooklyn Bridge Bridges 3 destinations
SF Victorian houses San Francisco 4 destinations

3. Images as Menu Items

When a link has an image field, the menu item shows the image instead of a text label. Click photo gallery.

4. Hover Preview (item-hover hook)

Open a menu and hover over items. The onItemHover callback reads the item's description and thumbnail to populate a preview panel.

Try: bridges — hover over each item to see its description and photo.

5. Context Popup (item-context hook)

Right-click a menu item (or press ArrowRight while focused) to open a detail popup with the item's thumbnail, description, and a direct link.

Try: bridges with context — right-click an item.

6. Everything Together

Image trigger + image menu items + hover preview + context popup:

Chain links

Click the image, hover items for preview, right-click for detail.

Open →

Event Log