Edit Profile Dialog

An edit-profile dialog with an avatar, name, email and bio fields opened from an ellipsis menu button, built on Base UI primitives.

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

import Component from "@/components/ui/v-dialog-9";

export default function Default() {
  return (
    <div className="flex min-h-64 w-full items-center justify-center p-6">
      <div className="w-full max-w-sm">
        <Component />
      </div>
    </div>
  );
}