Skip to main content

ExpandableSection

Component to render expanded section below or above the SectionHeader
(code example)

Usage#

<ExpandableSection top expanded={false} sectionHeader={<Text grey10 text60>The section header</Text>} onPress={() => console.log('pressed')}>

API#

children#

The expandable's children
React.ReactNode

expanded#

Should the ExpandableSection be expanded
boolean

onPress#

Called when pressing the header of the ExpandableSection
() => void

sectionHeader#

Header element
JSX.Element

testID#

testing identifier
string

top#

Should it open above the 'sectionHeader'
boolean