Expand Button

An icon button whose text label slides out and fades in on hover or keyboard focus, keeping the UI compact at rest.

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

import ExpandButton from "@/components/ui/expand-button";
import { Star } from "lucide-react";

export default function ExpandButtonDemo() {
  return <ExpandButton icon={<Star aria-hidden />} label="Star on GitHub" />;
}