Ghost Logout Button

A ghost-styled button with a logout icon aligned to the right of its label, for sign-out actions in menus and toolbars.

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

import CButton21 from "@/components/ui/c-button-21";

export default function CButton21Demo() {
  return (
    <div className="flex items-center justify-center p-10">
      <div className="rounded-md border border-border p-2">
        <CButton21 />
      </div>
    </div>
  );
}