Shimmer
Preview

Animated text shimmer for transient chat states.

Overview

Shimmer renders animated text for temporary chat states such as thinking, searching, or streaming.

Usage

import { Shimmer } from "@tilt-legal/cubitt-components/chat-elements";

Examples

Default

<Shimmer>Reviewing sources and preparing a response...</Shimmer>

Heading

<Shimmer as="h3" className="font-medium text-lg">
  Checking citations
</Shimmer>

Prompt Input

Composable prompt form with text editor, actions, attachments, and submit states.

Reasoning

Collapsible reasoning disclosure for AI thinking text.

On this page

Overview Usage Examples Default Heading