Logo
Neura UI
Loading…
Logo
All pages 86

Thinking State

Shimmering agent status — optionally a reasoning stream controlled by your data (revealed / done), not only a timed animation.

Simple label

blade
Thinking Reasoning 
<neura::thinking-state />
<neura::thinking-state label="Reasoning" />

Livewire / progressive reveal

Pass reasoning and bump revealed as steps arrive. Set done when finished. Leave auto-play off (default).
php 
<neura::thinking-state
    :reasoning="\$steps"
    :revealed="\$revealed"
    :done="\$finished"
    :duration="\$seconds"
/>


public array \$steps = ['…', '…'];
public int \$revealed = 0;
public bool \$finished = false;

public function appendStep(string \$text): void
{
    \$this->steps[] = \$text;
    \$this->revealed = count(\$this->steps);
}

Done summary

blade 
<neura::thinking-state :reasoning="\$steps" :done="true" :duration="4" />
<neura::thinking-state :reasoning="\$steps" :done="true" :open="true" :duration="4" />

Demo animation

Optional auto-play reveals steps on a timer (docs / marketing only).
blade 
<neura::thinking-state
    :reasoning="[…]"
    :delays="[700, 900, 800]"
    :auto-play="true"
/>

Sizes & static

blade
Thinking Thinking Processing 
<neura::thinking-state size="sm" />
<neura::thinking-state :animate="false" label="Processing" />

Props

Prop Type Default Description
reasoning string[]|null null Enables reasoning stream
revealed int|null null How many steps are visible (Livewire)
done bool false Summary phase
autoPlay bool false Timed demo only
duration number|null from delays Seconds in “Thought for Ns”