{{ t.pages.accordion.intro }}

{{ t.common.sectionDescription }}

{{ t.pages.accordion.descriptionBody }}

{{ t.common.sectionFeatures }}
  • {{ t.pages.accordion.featureOne }}
  • {{ t.pages.accordion.featureTwo }}
  • {{ t.pages.accordion.featureThree }}
{{ t.common.sectionLimitations }}
  • {{ t.pages.accordion.limitOne }}
  • {{ t.pages.accordion.limitTwo }}
  • {{ t.pages.accordion.limitThree }}
{{ t.pages.accordion.collapsedBody }} {{ t.pages.accordion.expandedBody }} {{ t.pages.accordion.disabledBody }} {{ t.pages.accordion.customBody }}
{{ accordionEventLog.isEmpty ? initialAccordionEventLog : accordionEventLog }}
Demo estilo "Visualiza Processo"

A API atual já suporta esse padrão sem ajustes no componente: use apenas [header], omita [description] e iconClass, ative [flush]="true" e, se quiser um corpo mais seco como em sistemas legados, combine com [bodyPadding]="false". Para a aba ativa não ficar azul, use [activeTextBodyColor]="true". Para o título do accordion ficar cinza e sem negrito, use buttonClass="text-muted" com [buttonSemibold]="false".

[flush]="true" header sem descrição header sem ícone [bodyPadding]="false" [activeTextBodyColor]="true" buttonClass="text-muted" [buttonSemibold]="false"
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Data Nome CGM Organograma destino Recebimento
1 00/00/0000 00:00 Lorem ipsum Lorem ipsum dolor sit amet 00/00/0000 00:00
2 00/00/0000 00:00 Dolor sit amet Consectetur adipiscing elit 00/00/0000 00:00
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

{{ t.pages.accordion.directiveApiTitle }}

{{ t.pages.accordion.directiveApiIntro }}

{{ t.pages.accordion.directiveApiNote }}

{{ t.pages.accordion.declarativeOverviewBody }}
{{ t.pages.accordion.declarativeCustomHeader }} directive

{{ t.pages.accordion.declarativeDisabledBody }}
{{ declarativeAccordionEventLog.isEmpty ? t.pages.accordion.declarativeIdle : declarativeAccordionEventLog }}
{{ t.pages.accordion.collapseTitle }}

{{ t.pages.accordion.collapseIntro }}

{{ t.pages.accordion.collapseBody }}

{{ t.pages.accordion.intro }}

  • {{ t.pages.accordion.apiOne }}
  • {{ t.pages.accordion.apiTwo }}
  • {{ t.pages.accordion.apiThree }}
  • {{ t.pages.accordion.apiFour }}
  • {{ t.pages.accordion.apiFive }}