Cards

Inline term preview

An underlined term in body text that opens a small definition panel on hover or focus, scaling in from the corner nearest the term.

Once a shopper confirms an order, the charge sits as an . Approved charges convert into real transfers during the nightly , and any dispute filed after that arrives as a that pauses payout until it is resolved.

Using Inline term preview

An underlined term in body text that opens a small definition panel on hover or focus, scaling in from the corner nearest the term.

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, width, accent

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1779Hover preview popoverCardsA small detail card that opens beside a link after a short hover and stays open long enough to move the pointer into it.

1762Anchored site previewCardsA hover preview whose side, alignment and offset can be dialled in, with a pointing arrow that tracks the anchor and flips with it when there is no room.

1768Cursor drift link previewCardsA link preview panel that leans toward wherever the pointer sits on the link, trailing it on a soft spring.

1785Link thumbnail peekCardsAn inline link that unfolds a small mock thumbnail of its destination above the word while the pointer rests on it.

2834Link Thumbnail PeekCardsAn inline link that pops a small thumbnail of its destination above the text while the pointer rests on it.

1800Profile hover cardCardsHovering or focusing a small avatar chip opens a profile panel with a name, handle, bio and follower counts.