Accordion
Componente accordion para exibição de textos no estilo FAQ.
Exemplo
Utilização
<Accordion
data={this.accordionData}
/>
O objeto accordionData está da seguinte maneira:
accordionData = [
{
title: 'Seguro residencial',
items: [
{ title: 'Lorem ipsum', content: 'Lorem ipsum dolor sit amet' },
{ title: 'Lorem ipsum Dolor', content: 'Lorem ipsum dolor sit amet' },
],
},
{
title: 'Seguro celular',
items: [
{ title: 'Lorem ipsum', content: 'Lorem ipsum dolor sit amet' },
{ title: 'Lorem ipsum Dolor', content: 'Lorem ipsum dolor sit amet' },
],
},
{
title: 'Accordion sem subitens',
content: 'Lorem ipsum dolor sit amet',
},
];
Perceba que o último item do objeto não tem items e que ele contém o content, esse caso é para quando não existem aberturas do accordion internas e renderizará da seguinte maneira:
Perceba que o item aberto não possuí subitens.