# @mdbootstrap/react-modal-size
> Responsive React popup window sizing with Bootstrap 5. Modal width, modal height, fullscreen modal, large modal with lg & xl modal classes and more.
Latest version **1.0.0** (published 2022-08-31) · MIT license · 0 weekly downloads
## Install
```sh
npm install @mdbootstrap/react-modal-size
pnpm add @mdbootstrap/react-modal-size
yarn add @mdbootstrap/react-modal-size
bun add @mdbootstrap/react-modal-size
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 1.0.0 |
| Published | 2022-08-31 |
| First published | 2022-08-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 285.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | MDBootstrap |
| Maintainers | mdbootstrap |
| Keywords | template, react, bootstrap, bootstrap5, bootstrap-template, bootstrap-theme, css, html, js, modal, size |
## Links
- npm: https://www.npmjs.com/package/@mdbootstrap/react-modal-size
- Repository: https://github.com/mdbootstrap/react-modal-size
- Homepage: https://mdbootstrap.com/docs/react/extended/modal-size
- Issues: https://github.com/mdbootstrap/react-modal-size/issues
- npm.io page: https://npm.io/package/@mdbootstrap/react-modal-size
## Dependencies (6)
- [react](https://npm.io/package/react.md) ^18.1.0
- [react-dom](https://npm.io/package/react-dom.md) ^18.1.0
- [web-vitals](https://npm.io/package/web-vitals.md) ^2.1.4
- [react-scripts](https://npm.io/package/react-scripts.md) 5.0.1
- [mdb-react-ui-kit](https://npm.io/package/mdb-react-ui-kit.md) ^4.0.0
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^6.3.0
## Alternatives
- [@mapbox/jsonlint-lines-primitives](https://npm.io/package/@mapbox/jsonlint-lines-primitives.md) — 5.3M weekly downloads
- [reftools](https://npm.io/package/reftools.md) — 3.5M weekly downloads
- [@hey-api/openapi-ts](https://npm.io/package/@hey-api/openapi-ts.md) — 3.5M weekly downloads
- [@mapbox/geojson-rewind](https://npm.io/package/@mapbox/geojson-rewind.md) — 2.4M weekly downloads
- [turbo-stream](https://npm.io/package/turbo-stream.md) — 1.7M weekly downloads
## Recent versions
- 1.0.0 (latest) — 2022-08-31
## README
# MDB React 5
Responsive React popup window sizing with Bootstrap 5. Modal width, modal height, fullscreen modal, large modal with lg & xl modal classes and more.
Check out [React Modal Size Documentation](https://mdbootstrap.com/docs/react/extended/modal-size/) for detailed instructions & even more examples.
## Modal Size
```js
import React, { useState } from 'react';
import {
MDBBtn,
MDBModal,
MDBModalDialog,
MDBModalContent,
MDBModalHeader,
MDBModalTitle,
MDBModalBody
} from 'mdb-react-ui-kit';
export default function App() {
const [optSmModal, setOptSmModal] = useState(false);
const toggleShow = () => setOptSmModal(!optSmModal);
return (
<>
Small modal
Small modal
...
);
}
```
## How to use?
1. Download MDB 5 - FREE REACT UI KIT
2. Choose your favourite customized component and click on the image
3. Copy & paste the code into your MDB project
[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)
You can find other examples [here](https://mdbootstrap.com/docs/react/extended/modal-size).
## More extended React documentation
---
_Source: https://npm.io/package/@mdbootstrap/react-modal-size · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._