Account Access Card

A settings card that auto-types looping demo email and password credentials into its fields and includes a danger-zone row for archiving the account.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Account Access Card to your project and fits it to your theme.

"use client";

import { AccountAccessCard } from "@/components/ui/account-access-card";

export default function AccountAccessCardDemo() {
  return (
    <div className="flex w-full justify-center py-8">
      <div className="w-full max-w-[360px]">
        <AccountAccessCard />
      </div>
    </div>
  );
}