Beta modeInstall commands on this page use
lvcn@beta, which installs from the beta registry and may change before the stable release.What’s in betaLoading preview…
Sheet is in beta. This component was recently added and will be stabled soon.
Installation
npx lvcn-ui@latest add sheetRegistry dependencies: icon, text, utils, native-only-animated-view
Usage
import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet"
import { Button, Text } from "react-native"
export function Example() {
return (
<Sheet>
<SheetTrigger asChild>
<Button title="Open Sheet" />
</SheetTrigger>
<SheetContent side="right">
<SheetHeader>
<SheetTitle>Sheet Panel</SheetTitle>
<SheetDescription>
This slides in from the right edge.
</SheetDescription>
</SheetHeader>
</SheetContent>
</Sheet>
)
}