Bottom Sheet

Add BottomSheet

npx sidcn add bottomsheet

Reset Cache

yarn start --clear // yarn
 
npm start -- --reset-cache // npm

Import Bottom Sheet

import { BottomSheet, BottomSheetContent, BottomSheetTrigger, } from '/components/sidcn/ui/bottomsheet';

How to use

<BottomSheet>
  <BottomSheetTrigger>Open Bottom Sheet 1</BottomSheetTrigger>
  <BottomSheetContent>
    <Text>This Bottom Sheet</Text>
  </BottomSheetContent>
</BottomSheet>

Badge Button