Search nx-ui
Jump to any foundation, component, block or example.
Persona
A Rive-powered agent persona with selectable activity state.
$
Registry itembunx shadcn@latest add @nx-ui/ai-personaInstalls withutils
Interactive example
Load the animation, then switch between agent states.
Agent is idle.
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
state* | PersonaState | "idle" | — |
onLoad | RiveParameters["onLoad"] | — | — |
onLoadError | RiveParameters["onLoadError"] | — | — |
onReady | () => void | — | — |
onPause | RiveParameters["onPause"] | — | — |
onPlay | RiveParameters["onPlay"] | — | — |
onStop | RiveParameters["onStop"] | — | — |
className | string | — | — |
variant | keyof typeof sources | "obsidian" | — |