N
Nyxis
Reasoning

ThinkingIndicator

Lightweight "model is working" affordance — distinct from the typing indicator.

Preview

Thinking…
Thinking…
Thinking…
Reasoning across documents…

Installation

pnpm add nyxis-ui

Usage

import { ThinkingIndicator } from 'nyxis-ui';

{
  isThinking && <ThinkingIndicator label="Reasoning across documents…" />;
}

When to use this vs. <TypingIndicator>

  • <ThinkingIndicator> — model is working (extended thinking, tool dispatch, retrieval) and has not yet emitted any output.
  • <TypingIndicator> — model is streaming output but the next token hasn’t landed yet.

These are distinct cognitive states — using the same indicator for both makes the UI feel jittery.

Variants

VariantLook
shimmer (default)Text shimmers like a skeleton placeholder.
pulseIcon pulses softly.
orbitSpinner ring orbits around the icon.