AI-Native

AgentAvatar

conic-gradient 보더 + 상태 표시 아바타.

NxtGen의 시그니처 그라디언트가 conic으로 회전 보더를 만듭니다. status에 따라 정적/회전/펄스 애니메이션이 자동 적용.

import { AgentAvatar } from "@nxtgen-org/react";

Sizes

tsx

1<AgentAvatar size="sm" />
2<AgentAvatar size="md" />
3<AgentAvatar size="lg" />
4<AgentAvatar size="xl" />

idle

thinking

speaking

tsx

1<AgentAvatar size="lg" status="idle" />
2<AgentAvatar size="lg" status="thinking" />  // 회전
3<AgentAvatar size="lg" status="speaking" />  // 펄스

tsx

1<AgentAvatar
2  size="lg"
3  src="https://example.com/avatar.png"
4  alt="agent name"
5/>

Name	Type	Default	Description
size	"sm" \| "md" \| "lg" \| "xl"	"md"	—
status	"idle" \| "thinking" \| "speaking"	"idle"	—
src	string	—	이미지 URL.
alt	string	—	—
fallback	ReactNode	—	src 없을 때 (기본 Bot 아이콘).