COMMENCER ICI
Premiers pas
ARCHITECTURE
Vue d'ensemble de l'architecture
Composants write-once
Surface déclarative
Architecture des paquets
Composants
Styles
Localisation
Analytics et GTM
WRITE-ONCE
Stockage
Formulaires
Markdown
Mermaid
Rendu des e-mails
COMPILATION
Résolution des types externes
RUNTIME
Runtime (TypeScript)
Performance
SERVEUR
Assets
BunPackage
Sécurité
ÉCOSYSTÈME
Image
Graphiques
Lottie
DÉVELOPPEMENT
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.