AccordionSummary API
Documentação da API para o componente React AccordionSummary . Aprenda sobre as propriedades disponíveis e a API CSS.
Importação
import AccordionSummary from '@mui/material/AccordionSummary';
// ou
import { AccordionSummary } from '@mui/material';Nome do componente
The nameMuiAccordionSummary can be used when providing default props or style overrides in the theme.Propriedades
Props of the ButtonBase component are also available.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
| children | node | O conteúdo do componente. | |
| classes | object | Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes. | |
| expandIcon | node | O ícone para exibir como o indicador de expansão. | |
| focusVisibleClassName | string | Esta propriedade pode ajudar a identificar qual elemento tem o foco do teclado. O nome da classe será aplicado quando o elemento receber o foco através da interação do teclado. Ela é um polyfill para o seletor CSS :focus-visible. A razão para o uso deste recurso é explicada aqui. Um polyfill pode ser usado para aplicar uma classe focus-visible para outros componentes, se necessário. | |
| sx | func | object | The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details. |
O
ref é encaminhado para o elemento raiz.Herança
Embora não explicitamente documentado acima, as propriedades do componente ButtonBase também estão disponíveis em AccordionSummary. Você pode tirar vantagem disso para manipular componentes aninhados.CSS
| Nome da regra | Classe global | Descrição |
|---|---|---|
| root | .MuiAccordionSummary-root | Estilos aplicados ao elemento raiz. |
| expanded | .Mui-expanded | Pseudo-class aplicada a o elemento raiz, elemento filho encapsulador e componente IconButton se expanded={true}. |
| focusVisible | .Mui-focusVisible | Pseudo-class aplicada a o elemento raiz ButtonBase se o botão está focado no teclado. |
| disabled | .Mui-disabled | Pseudo-class aplicada a o elemento raiz se disabled={true}. |
| gutters | .MuiAccordionSummary-gutters | Estilos aplicados em o elemento raiz a menos que disableGutters={true}. |
| contentGutters | .MuiAccordionSummary-contentGutters | Estilos aplicados em o elemento filho encapsulador a menos que disableGutters={true}. |
| content | .MuiAccordionSummary-content | Estilos aplicados a o elemento filho encapsulador. |
| expandIconWrapper | .MuiAccordionSummary-expandIconWrapper | Estilos aplicados a o elemento `expandIcon` encapsulador. |
Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:
- With a global class name.
- With a rule name as part of the component's
styleOverridesproperty in a custom theme.