react-modal VS sweetalert2

Im using react-modal which is pretty great. Is it possible to dynamically size it (perhaps with css media tag). For example,

{ "name": "react-modal", "version": "3.15.1", "description": "Accessible modal dialog component for React.JS", "main": "./lib/index.js", "module": "./lib/index.js", "repository": { "type": "git", "url": "https://github.com/reactjs/react-modal.git" }, "homepage": "https://github.com/reactjs/react-modal", "bugs": "https://github.com/reactjs/react-modal/issues", "directories": { "example": "examples" }, "scripts": { ... }, "authors": [ "Ryan Florence" ], "license": "MIT", "devDependencies": { ... }, "dependencies": { ... }, "peerDependencies": { ... }, "tags": [ ... ], "keywords": [ ... ], "engines": { "node": ">=8" } }

React modal that is very accessible

For testing, the app is has a small div that contains a single Button, which opens a form in the center of the page (position absolute). For the Form component, I created using div, form, and even react-modal (https://www.npmjs.com/package/react-modal) library (I switched back and forth during testing).

Hello, I've been testing with React-modal (https://www.npmjs.com/package/react-modal), div, and form but not very successful.

that is a non argument actually. I used very very famous libraries with many downloads, millions of downloads, that were bad. Just because a lot of people download it, doesn't mean it's good. I am talking about this library https://www.npmjs.com/package/react-modal it's utter trash. Very bad. Guess what? I downloaded it too. Has 900k downloads a week and is not even official.

It's a case of I have an app in the repo for viewing/testing purposes that I do not want to be installed when I install the repo in my node_modules i.e. installing needless files/directories. For example, react-modal does not install everything from it's github repo as only the dist directory is required for using it.

I am converting react-modal to TypeScript and I am having issues with the creating the portal: -

I've build an example app with Create React App to illustrate this. The App component includes a modal built with React Modal:

You might want to take a look at SweetAlert2

The SweetAlerts2 documentation is very helpful(https://sweetalert2.github.io/) for further details. Here is a quick setup guide. My project is built using React, so these steps are assuming you have the component built where you want to show your alert.

Follow the below link to install SweetAlert 2 https://sweetalert2.github.io

For more details about Sweetalert 2 visit their documentation.

thank you very much for your reply. I tried as you said but it returns the same error. I read this link (https://github.com/sweetalert2/sweetalert2/issues/2301) and I think it may be the reason for that error. Basically Rails uses the node-sass compiler while sweetalert2 uses Dart Sass (I'm not sure but based on the answer given on this link I assume so).