Media

Persona

Animated Rive-based AI persona with state-machine controls for idle, listening, thinking, speaking, and asleep states.

Thinking

The avatar animates between idle, listening, thinking, speaking, and asleep states.

Props

PropTypeDefaultDescription
state"idle" | "listening" | "thinking" | "speaking" | "asleep""idle"Current persona animation state
variant"command" | "glint" | "halo" | "mana" | "obsidian" | "opal""obsidian"Persona visual variant
classNamestring-Additional CSS classes
onLoad(rive: any) => void-Callback when Rive animation loads

Import

import { Persona } from '@blastx/ui-ai';