Skip to main content

BottomSheet 🆕

const BottomSheet = () => {
return (
<BottomSheet backgroundColor="purple" divider={<Text>close</Text>}>
<TextView cl="white">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique odit
ea necessitatibus id minima architecto aspernatur saepe praesentium
dignissimos eos, qui sint asperiores commodi quas eius in assumenda.
Totam, iure rerum ut tempora harum recusandae consequatur placeat
aliquid officia quasi sit dolore, eveniet nulla, assumenda nemo
consequuntur dolor exercitationem nobis pariatur cupiditate! Inventore
deleniti fugit ipsam enim quisquam minima, fugiat numquam obcaecati
voluptas reprehenderit minus maxime excepturi incidunt quos! Nulla,
optio consequatur quam eaque corrupti illum quo perspiciatis quos ab
dolores minus debitis corporis, nobis aperiam repudiandae, assumenda
unde nisi vel commodi non? Praesentium placeat ipsam totam
</TextView>
</BottomSheet>
);
};

export default BottomSheet;

Api References for Bottom_Sheet

ParameterTypeDescription
divider anythis is for closing items for example if your dont want to close with line want to close with text or customized item you cna pass divider
backgroundColorstringbackground color for bottom sheet view
borderRadiusnumberbottom sheet borderRadius
styleanyyour custom styles