Os painéis de expansão contêm fluxos de criação e permitem a edição simplificada de um elemento.
[Um painel de expansão](https://material.io/archive/guidelines/components/expansion-panels.html) é um contêiner leve que pode estar sozinho ou conectado em uma superfície maior, como um cartão. > **Nota:** Os painéis de expansão não estão mais documentados nas [diretrizes do Material Design](https://material.io/), mas o Material-UI continuará a suportá-los. ## Painel de Expansão Simples {{"demo": "pages/components/accordion/SimpleAccordion.js", "bg": true}} ## Acordeão Controlado Estenda o comportamento padrão do painel para criar um acordeão com o componente `Accordion`. {{"demo": "pages/components/accordion/ControlledAccordions.js", "bg": true}} ## Painéis de expansão customizados Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/components/). {{"demo": "pages/components/accordion/CustomizedAccordions.js"}} ## Ações adicionais Para colocar uma ação como um `Checkbox` ou um botão dentro do `AccordionSummary`, você precisa parar a propogação do foco e eventos de clique para previnir o painel de expandir/colapsar quando usar a ação. Você deve fornecer também um `aria-label` para a ação, caso contrário, o rótulo da ação aninhada será incluído no rótulo do botão pai que controla a expansão do painel. {{"demo": "pages/components/accordion/ActionsInAccordionSummary.js", "bg": true}} ## Performance O conteúdo dos painéis de expansão é montado por padrão, mesmo que o painel não esteja expandido. Esse comportamento padrão tem em mente a renderização do lado do servidor e o SEO. Se você renderizar grandes árvores de componentes dentro de seu painel ou simplesmente renderizar muitos painéis, pode ser uma boa ideia desabilitar esse comportamento padrão habilitando `unmountOnExit` em `TransitionProps`: ```jsx