Tabs

Paneles multipestaña TUI con navegación por flechas de teclado y sonido mecánico.

// VISTA PREVIA

> TABS KEYBOARD NAV

0xDEPLOY // TARGETS

Compilación estática en 820ms con 0 KiB JS.

ryukami-ui init && ryukami-ui add --all

Contenedor ligero en Botkeep Cloud.

docker compose up -d --build

Prop	Tipo TypeScript	Default	Descripción	Variantes
title	`string`	`'0xTABS // MULTI_VIEW'`	Texto identificador en la esquina superior de la ventana de pestañas.	—
tabs	`TabItem[]`	`[]`	Array de pestañas con { id, label, content, badge?, code? } navegables por teclado (← / →).	—

// INSTALACIÓN

Terminal // Bash BASH

ryukami-ui add tabs

// CÓDIGO DE USO

src/pages/tabs-demo.astro ASTRO

01 ---

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

03 ---

05 <Tabs

06 title="0xDEPLOY // TARGETS"

07 tabs={[

08 { id: 'astro', label: 'ASTRO 7.4', badge: 'DEFAULT', content: 'Compilacion estatica en 820ms con 0 KiB JS.', code: 'ryukami-ui init && ryukami-ui add --all' },

09 { id: 'docker', label: 'DOCKER ALPINE', badge: 'PROD', content: 'Contenedor ligero en Botkeep Cloud.', code: 'docker compose up -d --build' },

10 ]}

11 />

← Switch

Accordion →