Source Attribution

A transparent citation component for displaying claims with their supporting sources as clickable badges. Perfect for research findings, recommendations, and fact-checking.

Installation

hax init
hax add artifact source-attribution

Component Setup

import { HAXSourceAttribution, useSourceAttributionAction } from "@/hax/artifacts/source-attribution";

export function ResearchPage() {
  const [artifacts, setArtifacts] = useState([]);

  useSourceAttributionAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle source attribution updates
    }
  });

  return (
    <HAXSourceAttribution
      title="Market Research Findings"
      claim="The global AI market is expected to reach $1.8 trillion by 2030"
      sources={researchSources}
    />
  );
}