Vaul NPM | npm.io

1.1.1 • Published 10 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

10 months ago

https://github.com/emilkowalski/vaul/assets/36730035/fdf8c5e8-ade8-433b-8bb0-4ce10e722516

Vaul is an unstyled drawer component for React that can be used as a Dialog replacement on tablet and mobile devices. You can read about why and how it was built here.

Usage

To start using the library, install it in your project:,

npm install vaul

Use the drawer in your app.

import { Drawer } from 'vaul';

function MyComponent() {
  return (
    <Drawer.Root>
      <Drawer.Trigger>Open</Drawer.Trigger>
      <Drawer.Portal>
        <Drawer.Content>
          <Drawer.Title>Title</Drawer.Title>
        </Drawer.Content>
        <Drawer.Overlay />
      </Drawer.Portal>
    </Drawer.Root>
  );
}

Documentation

Find the full API reference and examples in the documentation.

react drawer dialog modal

@radix-ui/react-dialog

@everything-registry/sub-chunk-3044 @million23/nextjs fusillo test-reactt-ui simple-modal-v2 @stoui/react cnc-primitives-kit ctm_widget aa-design-system-v3 ai-uis @vaon-fe/common taly.auth tchr-ui taas-toolbar xbesh-ui template-components-ui template-nextjs-tailwind-css storefront-ba-themes storefront-ba-ui swap-widget-ctm text-based-ui-kit vitnode-frontend @ditointernet/dito-uai @cncsoftware/cnc-primitives-uikit @codefast/ui @cocpit/components @continuum-ui/components @continuum-ui/spectrum @digitalbible/ui @dinui/react @developerskyi/react-components @cqcl/quantinuum-ui @douglasneuroinformatics/libui @camped-ui/drawer @borabaloglu/ui d4tui-b5n jianalmira88 jie-fstln-story-component jidantul12 jobescapeui jjr-ui joplin-plugin-joplin-batch jrgcomponents janavina14 kaarlejshadcn kitchencraft @nomade-client/ui xbeshui @allugatorui/ui @ouest-labs/ui @dydfuf/ui @nihilncunia/editor saaskitty next-gifpicker neverhack-ui ssp-ui spacerr sprunki-incredibox sprunki-infected-v1 solomon-ai-frontend-platform softcodecl ui-react-components-tls track3d-core-ui timetablev2 trellis-test @anytimesoftware/ui @amityco/ui-kit @amityco/ui-kit-open-source @amityco/ulta-ui-kit @artstorefronts/ui @anjun-express/react-drawer @andore-ui/bottom-sheet @andore-ui/drawer @asharbabar/design @authsignal/react @athenetz-sv/ui @aeonkit/react @aecsami/aecsami-component-library @agavi_ed/ui @alocite/ui @alquimia/ui @allo-team/kit @allujs/ui @barfacil/barfacil-ui @agiflowai/frontend-web-atoms @agni-ui/react @bitwyre/ui-kit @bitcurve/reactor-react-ui @blocksweb/ui @blocktheoryhq/ui-lib @blxtuvwopdk/lplayer-ui @buho/components @buhst/ui @cartridge/ui-next @butfly/components @bricco/layouts @churchtech/ui @classon/components @classon/form-builder @classon/nextui

10 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago