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>