Uranus® Design System
AI

ThinkingIndicator

Pílula com três pontos respirando para sinalizar "o modelo está pensando".

ThinkingIndicator é o indicador padrão para os estados submitted e thinking do useUranusChat. Três pontos pulsam em cadência e respeitam prefers-reduced-motion.

Pensando…
'use client';

import { ThinkingIndicator } from '@uranus-workspace/ai';

export default function ThinkingIndicatorDefault() {
  return (
    <div className="flex w-full justify-center py-6">
      <ThinkingIndicator label="Pensando…" />
    </div>
  );
}

Uso

import { ThinkingIndicator } from '@uranus-workspace/ai';

{(status === 'submitted' || status === 'thinking') ? (
  <ThinkingIndicator label="Pensando…" />
) : null}

API

  • label — texto exibido ao lado dos pontos. Default "Pensando…".
  • role="status" + aria-live="polite" — anuncia mudanças sem interromper o leitor de tela.

On this page