Overlays

Link preview card

A small preview panel that appears near a link or username after a brief hover, showing a summary of what is behind it without requiring a click.

Field notes - Sep 3

Pantry sensor build wrapped

Wrote up the full build in the pantry sensor write-upWiring the pantry sensor. fieldnotes.log. A walkthrough of the humidity sensor build, from breadboard to a mount that survives a slammed door., and PriyaPriya Shenoy. Reviewed the wiring. Caught a grounding issue before it reached the board. Owes her a coffee for that one. gets credit for catching the mistake before it shipped.

Hover or focus either name for the full picture.

Using Link preview card

A small preview panel that appears near a link or username after a brief hover, showing a summary of what is behind it without requiring a click.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: openDelay, closeDelay, side

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2380Link Preview CardOverlaysA rich preview card that fades and slides in from whichever side it opens on when hovering a linked name, with a brief delay to avoid flicker.

2296Account Menu FlyoutOverlaysA profile summary button that opens into an account menu of labeled rows, with a small curved indicator line that straightens when the menu is open.

2295Account Dropdown MenuOverlaysAn avatar trigger that opens a grouped account menu with keyboard shortcut hints, a theme submenu, and a destructive sign-out row styled apart from the rest.

1910Anchored detail popoverOverlaysA trigger button that opens a small anchored panel holding a titled settings form, growing out of the trigger's edge and closing on Escape or an outside click.

1911Anchored info popoverOverlaysA trigger button that opens a small floating info panel anchored to one of its edges, fading and scaling in from that edge and dismissing on outside click or Escape.

1912Anchored popover cardOverlaysA trigger button that opens a small settings card anchored to itself, scaling in from the edge it grows out of and closing on a second click, Escape, or a press outside.