Docs
Buscar na documentação
⌘K
PT
0.2.0-preview.61
Playground
GitHub
COMECE AQUI
Primeiros passos
ARQUITETURA
Visão geral da arquitetura
Componentes write-once
Superfície declarativa
Arquitetura de pacotes
Componentes
Estilo
Localização
Analytics e GTM
WRITE-ONCE
Motor Photon
Design System
Capacidades
Armazenamento
Formulários
Editor de código
Markdown
Mermaid
Renderização de Email
COMPILAÇÃO
Compilador
Recursos C# suportados
Resolução de tipos externos
Fluxo de build
Diagnósticos
RUNTIME
Runtime (TypeScript)
Performance
SERVIDOR
Integração com o servidor
Eventos do servidor
Assets
BunPackage
Segurança
ECOSSISTEMA
Image
Gráficos
Ícones
Lottie
DESENVOLVIMENTO
Editor visual
Depuração
Roadmap
Atualizar de versão
Docs
Navigation
Tabs
Ver código-fonte
1 min de leitura
Switches between sibling views inside one screen. Labels in, selected index out.
1
using
eQuantic
.
UI
.
Components
;
DEFAULT
Visão geral
API
Design
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.
NOTE
Every dimension resolves through
Sizing.*(SizeVariant)
and the token scales — never a literal. Source:
src/eQuantic.UI.Components/Tabs.cs
.
ANTERIOR
Divider
PRÓXIMA
AppBar
NESTA PÁGINA
Usage
API
States
Accessibility
When to use
Avoid