Bubble Collapsible

A chat message bubble that truncates long text and reveals the full message with a "Show more/Show less" collapsible toggle.

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

import BubbleCollapsible from "@/components/ui/bubble-collapsible";

export default function BubbleCollapsibleDemo() {
  return <BubbleCollapsible />;
}