Skip to main content

BottomSheet

BottomSheet is a component that slides up from the bottom of the screen to display additional content.

Usage​

<BottomSheet isVisible={showBottomSheet}>
  <Box p="lg">
    <Text>This is a bottom sheet</Text>
  </Box>
</BottomSheet>

Props​

BottomSheet accepts the following props:

isVisible​

Type: boolean Default: false

Controls whether the bottom sheet is displayed.