Details Dashboard

A comprehensive information display component for presenting detailed data about entities, topics, or processes. Perfect for dashboards, profile pages, and report summaries.

Installation

hax init
hax add artifact details

Component Setup

import { HAXDetails, useDetailsAction } from "@/hax/artifacts/details";

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

  useDetailsAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle details updates
    }
  });

  return (
    <HAXDetails
      title="User Profile"
      stats={topLevelStats}
      table={activityTable}
    />
  );
}