Skip to main content

ExpandableSection

<ExpandableSection
 top
 expanded={false}
 sectionHeader={<Text grey10 text60>The section header</Text>}
 onPress={() => console.log('pressed')}
>
APIThis is the list of additional props for the component

children
React.ReactNode
​

The expandable's children

expanded
boolean
​

Should the ExpandableSection be expanded

minHeight
number
​

Set a minimum height for the expandableSection. If the children height is less than the minHeight, the expandableSection will collapse to that height. If the children height is greater than the minHeight, the expandableSection will result with only the children rendered (sectionHeader will not be rendered)

onPress
() => void
​

Called when pressing the header of the ExpandableSection

sectionHeader
JSX.Element
​

Header element

testID
string
​

testing identifier

top
boolean
​

Should it open above the 'sectionHeader'