Bubble

Solid primitives are ready.

✓ 1

Ship the registry.

import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from '@tile-ui/solid';
export default function BubbleDemo() {
	return (
		<BubbleGroup>
			<Bubble align="start">
				<BubbleContent>Solid primitives are ready.</BubbleContent>

Use Bubble for aligned conversation content and optional reaction metadata.

Registry install

pnpm dlx shadcn@latest add @tile-ui/bubble

Package usage

import { Bubble, BubbleContent } from '@tile-ui/solid';

<Bubble align="end">
	<BubbleContent>Registry complete.</BubbleContent>
</Bubble>

Highlights

Seven visual variants
Native div content primitive
Aligned reaction metadata

Registry dependencies

Item	Purpose
`bubble`	Component source and module styles
`core`	Framework-agnostic logic helpers
`styles`	Shared SCSS tokens and globals

API reference

Prop	Type	Default
`variant`	`'default' \| 'secondary' \| 'muted' \| 'tinted' \| 'outline' \| 'ghost' \| 'destructive'`	—
`align`	`'start' \| 'end'`	—

BubbleContent

No custom props.

BubbleReactions

Prop	Type	Default
`side`	`'top' \| 'bottom'`	—
`align`	`'start' \| 'end'`	—

BubbleGroup

No custom props.