Animate UI

Preview Card

A popup that appears when a link is hovered, showing a preview for sighted users.

Made by imskyleen
Edit on GitHub
Open in
Animate UI

Installation

Usage

<PreviewCard>
  <PreviewCardTrigger>Hover me</PreviewCardTrigger>
  <PreviewCardPanel>
    <p>Preview card content</p>
  </PreviewCardPanel>
</PreviewCard>

API Reference

PreviewCard

Animate UI API Reference - PreviewCardBase UI API Reference - PreviewCard.Root

PreviewCardTrigger

Animate UI API Reference - PreviewCardTriggerBase UI API Reference - PreviewCard.Trigger

PreviewCardPanel

Animate UI API Reference - PreviewCardPositionerBase UI API Reference - PreviewCard.Positioner

PreviewCardBackdrop

Animate UI API Reference - PreviewCardBackdropBase UI API Reference - PreviewCard.Backdrop

Credits

Built by Skyleen. The source code is available on GitHub.