styled-modal-component


> The bootstrap modal component made with styled-components.

This is a modular approach to use bootstrap
components for quick prototypes, as an entrypoint of your own component
library, or if you need just one bootstrap component for your application.

Installation

``sh
npm install --save styled-modal-component
npm install --save styled-components@^4.1.3 react@^16.7.0 # Peer dependencies
`

Usage

For detailed information take a look at the documentation.

`jsx
import React, { useState } from 'react';

import {
Modal,
ModalBody,
ModalFooter,
ModalHeader,
ModalTitle,
} from 'styled-modal-component';

export const ModalExample = () => {
const [hidden, setHidden] = useState(true);

return (



);
}
`

Properties

Properties which can be added to the component to change the visual appearance.

* sm only on Modal Type: boolean
* lg only on Modal Type: boolean
* hidden only on Modal Type: boolean
* toggle only on Modal Type: function
* centered only on Modal Type: boolean
* backdrop only on Modal Type: boolean or string
* noRadius only on Modal Type: boolean
* returnFocusAfterClose only on Modal Type: boolean
* transitionProps only on Modal Type: object
* wrapperProps only on Modal Type: object
* dialogProps only on Modal Type: object
* contentProps only on Modal Type: object
* backdropProps only on Modal Type: object
* TransitionComponent only on Modal Type: Component (with forwarded ref)
* ModalWrapperComponent only on Modal Type: Component (with forwarded ref)
* ModalDialogComponent only on Modal Type: Component
* ModalBackdropComponent only on Modal Type: Component
* ModalContentComponent only on Modal Type: Component

> Property backdrop` can be set to false or 'static' to prevent dialog from
> closing on click outsite of the window.

License

MIT © Lukas Aichbauer