Preview Card

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

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

import {
  PreviewCard,
  PreviewCardTrigger,
  PreviewCardPopup
} from "components/selia/preview-card";

Structure

The expected structure and composition of the component.

<PreviewCard>
  <PreviewCardTrigger>Trigger</PreviewCardTrigger>
  <PreviewCardPopup>
    Content goes here
  </PreviewCardPopup>
</PreviewCard>