Skip to content
ghostui

Preview Card

Show a compact source preview while keeping the destination easy to open.

Preview

Based on the research brief, teams need clearer handoffs.

Design guidance

Use the preview as supplementary context. Keep essential information and actions at the link destination. The trigger remains a real link, and the popup does not take focus. Place Arrow beside Popup inside Positioner so the arrow stays outside the scrollable content.

Installation

Install

Basic usage

Based on the research brief, teams need clearer handoffs.

Structure

Examples

Thumbnail

Research briefWhat 12 product teams need from an AI workspace.12 interviews · Updated today

Person source

Ask Alex Lee about the research process.

Link with arrow

Based on the research brief, teams need clearer handoffs.

Placement above

Based on the research brief, teams need clearer handoffs.

Long content

Based on the research brief, teams need clearer handoffs.

Source destinations

The links open these source details. The hover card contains supplementary copies.

Research briefA synthesis of product research on how teams capture context, share decisions, and hand work to an AI assistant. Findings from interviews across product, design, and engineering.12 interviews · Updated today
Alex LeeProduct designer

API reference