Skip to content

Commit d956742

Browse files
timhwang21jquense
authored andcommitted
Add warning about multiple modals not supported out of box (react-bootstrap#3142)
Addresses react-bootstrap#3130.
1 parent 63d65ae commit d956742

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

www/src/pages/components/modal.js

+18
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,24 @@ export default function ModalSection({ data }) {
8989
</p>
9090
<ReactPlayground codeText={ModalCustomSizing} />
9191

92+
<h3>
93+
<Anchor id="modals-multiple">Multiple Modals</Anchor>
94+
</h3>
95+
<div className="bs-callout bs-callout-warning">
96+
<h4>
97+
Not supported
98+
</h4>
99+
<p>
100+
React-Bootstrap modals are not designed to support rendering multiple
101+
modals simultaneously. You will have to add <code>react-overlays</code> as
102+
a dependency and build your own modal component using its{' '}
103+
<a href="https://github.com/react-bootstrap/react-overlays/blob/master/src/ModalManager.js">
104+
<code>{'<ModalManager/>'}</code>
105+
</a>{' '}
106+
component, which supports multiple modals.
107+
</p>
108+
</div>
109+
92110
<h3>
93111
<Anchor id="modals-props">Props</Anchor>
94112
</h3>

0 commit comments

Comments
 (0)