Preview card

import { PreviewCard } from "density-base-ui";

export default function PreviewCardExample() {
  return (
    <PreviewCard.Root>
      <PreviewCard.Trigger href="https://density.dev">
        Preview Density
      </PreviewCard.Trigger>
      <PreviewCard.Portal>
        <PreviewCard.Positioner sideOffset={8}>
          <PreviewCard.Popup className="preview-card-example-popup">
            <PreviewCard.Arrow className="preview-card-example-arrow" />
            <div className="preview-card-example-kicker">density.dev</div>
            <div className="preview-card-example-title">Density</div>
            <p className="preview-card-example-description">
              A quiet, durable interface system for focused product work.
            </p>
          </PreviewCard.Popup>
        </PreviewCard.Positioner>
      </PreviewCard.Portal>
    </PreviewCard.Root>
  );
}