BottomSheet

Sheet that slides from the bottom. Drag it down or tap the backdrop to close.

Usage

import {BottomSheet} from 'rn-inkpad';

<BottomSheet visible={visible} onClose={() => setVisible(false)}>
  <Content />
</BottomSheet>

<BottomSheet visible={visible} height={400} onClose={close} backgroundColor="#F3F4F6" />

Props

Name	Type	Default	Description
visible	boolean		Shows the sheet.
onClose	() => void		Called when the user asks to close (backdrop, drag, back button). Set visible to false in it.
children	ReactNode		Content.
height	number	content height	Fixed height.
backgroundColor	string	theme background	Sheet color.
backdropColor	string	theme overlay	Backdrop color.
radius	number	theme radius lg	Top corners radius.
showHandle	boolean	true	Drag handle at the top.
handleColor	string	theme border	Handle color.
closeOnBackdrop	boolean	true	Tap the backdrop to close.
dragToClose	boolean	true	Drag the sheet down to close.
style	StyleProp<ViewStyle>		Sheet style.