Accordion

Como utilizar

import { Accordion } from '@superlogica/design-system-mobile'
import * as React from 'react';
import { View } from 'react-native';
import { Accordion, Text } from '@superlogica/design-system-mobile';
const YourApp = () => {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<AccordionComponent title="Detalhes">
<Text>Exemplo</Text>
</AccordionComponent>
</View>
)
}
export default YourApp;

Props

PropTipoDefaultDescrição
titlestringTítulo do accordion
iconelementnullInsere um ícone no componente
headerBgColorstringprimaryDefine a cor de background do header
sizestringmdDefine as especificações de tamanhos e espaçamentos do componente