Avatar

Identificador cuadrado de operador TUI con indicador de estado (ONLINE/BUSY/IDLE).

// VISTA PREVIA

> AVATAR TUI IDENTITY

0xAlex // Architect

CORE LEAD · ONLINE

Velgrynd Node

DAEMON · BUSY

Guest Shell

CLIENT · IDLE

Prop	Tipo TypeScript	Default	Descripción	Variantes
initials	`string`	`'0xA'`	Iniciales o código hexadecimal del operador (máx. 3 caracteres).	—
name	`string`	`'0xAlex // Root Architect'`	Nombre completo o identificador del usuario.	—
role	`string`	`'SYS_ADMIN // LEVEL_99'`	Cargo, rol o nivel de privilegios del operador.	—
status	`'online' \| 'busy' \| 'idle'`	`'online'`	Estado de conexión reflejado en el indicador circular.	online busy idle
variant	`'crimson' \| 'cyan' \| 'gold' \| 'dark'`	`'crimson'`	Color temático del recuadro del avatar.	crimson cyan gold dark
lines (Skeleton)	`number`	`3`	Cantidad de líneas simuladas en el componente Skeleton.	—

Terminal // Bash BASH

ryukami-ui add avatar

src/pages/avatar-demo.astro ASTRO

01 ---

02 import Avatar from '@/components/Avatar.astro';

03 ---

05 <Avatar name="0xAlex // Architect" role="CORE LEAD" initials="0X" status="ONLINE" variant="crimson" />