Sheet

Bottom sheet via RN Modal slide.

Install

npx github:truongnat/rnui#cli add sheet

or directly via the shadcn CLI:

npx shadcn add https://<registry-base>/r/nativewind/sheet.json   # or /uniwind/

Usage

<Sheet open={open} onOpenChange={setOpen}>
  <SheetContent>
    <SheetHeader>
      <SheetTitle>Sheet title</SheetTitle>
      <SheetDescription>Description</SheetDescription>
    </SheetHeader>
    {/* content */}
    <SheetFooter>
      <Button onPress={() => setOpen(false)}>Done</Button>
    </SheetFooter>
  </SheetContent>
</Sheet>

Source

• components/ui/sheet.tsx

Installs together with: utils, text, theme