Components

Drawer

Mobile-first bottom sheet with drag-to-dismiss.

Preview

Installation

pnpm add nyxis-ui

Usage

import { Drawer } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { Drawer } from 'nyxis-ui/drawer';

<Drawer>
  <DrawerTrigger asChild>
    <Button>Open</Button>
  </DrawerTrigger>
  <DrawerContent>...</DrawerContent>
</Drawer>;