https://github.com/hunghg255/rc-unmodal

React Component Modal
https://github.com/hunghg255/rc-unmodal

dialog modal radix-ui react vaul

Last synced: about 1 month ago
JSON representation

React Component Modal

• Host: GitHub
• URL: https://github.com/hunghg255/rc-unmodal
• Owner: hunghg255
• License: mit
• Created: 2024-05-23T10:55:34.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-23T16:43:59.000Z (7 months ago)
• Last Synced: 2024-10-30T00:10:07.521Z (2 months ago)
• Topics: dialog, modal, radix-ui, react, vaul
• Language: TypeScript
• Homepage: https://rc-unmodal.vercel.app
• Size: 150 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        










 A react component unified modal ✨





  

  

  

  

  



## Live demo

[Live Demo](https://rc-unmodal.vercel.app/)

## Installation

[![NPM](https://nodei.co/npm/rc-unmodal.png?compact=true)](https://nodei.co/npm/rc-unmodal/)

## Install

```

npm i rc-unmodal@latest

```

## Use

```tsx

import { Modal, MotionModalStackContainer } from 'rc-unmodal';

const BasicModal = () => {

  const [open, setOpen] = useState(false);

  return (

    <>

       {

          setOpen(true);

        }}

      >

        Open Modal

      

      

        
This is a modal. You can put anything you want in here. And It can be nested.

      

    >

  );

};


const App = () => {

  return (

    

      

    

  );

};

```

### About



Gia Hung – [hung.hg](https://hung.thedev.id)