EMPIEZA AQUÍ
Primeros pasos
ARQUITECTURA
Visión general de la arquitectura
Componentes write-once
Superficie declarativa
Arquitectura de paquetes
Componentes
Estilos
Localización
Analytics y GTM
WRITE-ONCE
Almacenamiento
Formularios
Markdown
Mermaid
Renderizado de email
COMPILACIÓN
Resolución de tipos externos
RUNTIME
Runtime (TypeScript)
Rendimiento
SERVIDOR
Assets
BunPackage
Seguridad
ECOSISTEMA
Image
Gráficos
Lottie
DESARROLLO
Roadmap
DocsNavigation
TabsView source
1 min readSwitches between sibling views inside one screen. Labels in, selected index out.
1
using eQuantic.UI.Components;
DEFAULT
first selected
Usage
1
2
new Tabs(["Overview", "Activity", "Files"], _tab,
i => SetState(() => _tab = i))
API
Prop
Type
Default
Description
Labels
IReadOnlyList<string>
—
Tab labels in order.
Selected
int
0
Active tab index.
OnSelect
Action<int>?
null
Selection handler.
States
State
Rendering
Selected
TextPrimary with the Primary indicator
Unselected
TextSecondary
Pressed
Subtle wash
Focused
Ring on the tab
Accessibility
•
tablist / tab / tabpanel; announces "Activity, 2 of 3, selected". Arrows move, Tab leaves the strip.
When to use
•
Peer views of the same subject.
Avoid
•
Tabs that navigate elsewhere — use real navigation.
•
More than about six.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Tabs.cs.