Vaul

Code example

import { Drawer } from "vaul";

export function Example() {
  return (
    <Drawer.Root>
      <Drawer.Trigger>Open</Drawer.Trigger>
      <Drawer.Portal>
        <Drawer.Overlay />
        <Drawer.Content>
          <p>Drawer content</p>
        </Drawer.Content>
      </Drawer.Portal>
    </Drawer.Root>
  );
}

Pros & cons

FAQs