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
DocsLists & data
AccordionVer código-fonte
1 min de leituraProgressive disclosure: a header row that expands to reveal secondary content.
1
using eQuantic.UI.Components;
STATES
collapsed
O conteúdo do painel.
Usage
1
2
3
4
5
new Accordion
{
Items = [ new AccordionItem("What fees apply to transfers?") { Content = new FeesAnswer() } ],
Multiple = false,
}
API
Prop
Type
Default
Description
Multiple
bool
false
Allows several panels open at once; false closes the others.
Item.Content
VisualNode?
null
The revealed content.
States
State
Rendering
Collapsed
Chevron down, height zero
Expanded
Chevron rotated, height animates over Motion.State
Pressed
Header wash
Accessibility
•
The header is a button carrying the expanded state; the content follows it in the focus order.
When to use
•
FAQs, breakdowns, optional detail.
Avoid
•
Hiding primary actions.
•
Nested accordions.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Accordion.cs.