>skeehn

citation-card

Source reference card

AIcitation-card.css

Installation

$npx skeehn add citation-card

Preview

Props

PropTypeDefaultDescription
titlestringCitation title
urlstringSource URL
variant'default' | 'compact''default'Visual variant

Usage

citation-card.tsx
1import { CitationCard } from '@skeehn/react';23export function Sources() {4  return (5    <CitationCard6      title="CSS Dither Patterns"7      url="https://example.com/dither"8    >9      A guide to halftone CSS techniques.10    </CitationCard>11  );12}