Vaul NPM | npm.io

1.1.1 • Published 8 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

8 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

8 months ago

9 months ago

9 months ago

9 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year 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