Bubble

A chat bubble for displaying a message in a conversation.

Hey! I just pushed the new registry build. Can you take a look?

On it. I will run the checks and get back to you in a minute.

Installation

pnpm dlx shadcn@latest add https://neobrutalism.dev/r/bubble.json

import { Bubble, BubbleContent } from '@/components/ui/bubble'

<Bubble>
  <BubbleContent>Hello there!</BubbleContent>
</Bubble>

Hey! I just pushed the new registry build. Can you take a look?

On it. I will run the checks and get back to you in a minute.

Default bubbles use the main color.

Secondary bubbles sit on a white surface.

Muted bubbles blend into the background.

Destructive bubbles flag failed actions.

The new landing page is live. Thanks everyone for the hard work!

Great job team, that was a big one.

Use the render prop to render the bubble content as a different element, for example a button or a link.