Accordion
API
Props
Declaration | Description | Type | Default | Required |
---|---|---|---|---|
onChange | Função que será chamada quando a seção ativa no momento for alterada | Function(key: String) | (): void | false |
headerComponent | Renderiza um componente personalizado para o Header |
Function(title: String, isActived: Boolean) | (): void | false |
contentComponent | Renderiza um componente personalizado para o Content |
Function(content: String, isActived: Boolean) | (): void | false |
multiCollapse | Permite a abertura de todos os conteúdos | Boolean | false |
Style name
Accordion
não possui style names especificos.
Style
Declaration | Description | Type | Default |
---|---|---|---|
header | Estilo para View que envolve o componente Header |
Object | {} |
Accordion.Item
Style name
Accordion.Item
não possui style names especificos.
Props
Declaration | Description | Type | Default |
---|---|---|---|
key | Chave única para o componente | String | - |
header | Título para o componente Header |
String | - |
JSX Declaration
<Accordion>
<Accordion.Item header="Accordion #1">
<View styleName="featured md-gutter">
<Text>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
</Text>
</View>
</Accordion.Item>
</Accordion>