Skip to content
FelicityUI

Bubble

Conversational message surface.

Loading bubble…

Installation

terminal
npx felicityui add bubble --platform react

Usage

example.tsx
import { Button } from "@/components/ui/button"

<Button>Button</Button>

Composition

Bubble
├── BubbleContent
└── BubbleReactions

Composition and usage follow Felicity-native APIs. Roles align with the public component catalog at docs/references/felicity-component-catalog.md.

API Reference

PropTypeDefaultDescription
classNamestring—Additional classes.

Accessibility

WCAG 2.2 AA

  • Native semantics and keyboard support.
  • Visible focus indicator.

Platform notes

React

Native HTML with Felicity semantic tokens. Paper/ink surfaces, copper accent sparingly, hairline borders — not Radix/shadcn runtime.

  • Server Component compatible unless marked use client.
  • Uses data-slot attributes for anatomy.