@@ -260,24 +260,22 @@ const ComponentsPage = React.createClass({
260
260
< div className = 'bs-docs-section' >
261
261
< h1 className = 'page-header' > < Anchor id = 'modals' > Modals</ Anchor > < small > Modal</ small > </ h1 >
262
262
263
- < h3 > < Anchor id = 'modals-static' > A static example</ Anchor > </ h3 >
263
+ < h3 > < Anchor id = 'modals-live' > Basic example</ Anchor > </ h3 >
264
+ < p > </ p >
264
265
< p >
265
- A rendered modal with header, body, and set of actions in the footer. The < code > { '<Modal/>' } </ code > Component comes with
266
+ A modal with header, body, and set of actions in the footer. Use < code > { '<Modal/>' } </ code > in combination with other components to
267
+ show or hide your Modal. The < code > { '<Modal/>' } </ code > Component comes with
266
268
a few convenient "sub components": < code > { '<Modal.Header/>' } </ code > , < code > { '<Modal.Title/>' } </ code > , < code > { '<Modal.Body/>' } </ code > ,
267
269
and < code > { '<Modal.Footer/>' } </ code > , which you can use to build the Modal content.
268
270
</ p >
271
+ < ReactPlayground codeText = { Samples . Modal } />
269
272
< div className = 'bs-callout bs-callout-info' >
270
273
< h4 > Additional Import Options</ h4 >
271
274
< p >
272
275
The Modal Header, Title, Body, and Footer components are available as static properties the < code > { '<Modal/>' } </ code > component, but you can also,
273
276
import them directly from the < code > /lib</ code > directory like: < code > { "require('react-bootstrap/lib/ModalHeader')" } </ code > .
274
277
</ p >
275
278
</ div >
276
- < ReactPlayground codeText = { Samples . ModalStatic } />
277
-
278
- < h3 > < Anchor id = 'modals-live' > Live demo</ Anchor > </ h3 >
279
- < p > Use < code > { '<Modal/>' } </ code > in combination with other components to show or hide your Modal.</ p >
280
- < ReactPlayground codeText = { Samples . Modal } />
281
279
282
280
< h3 > < Anchor id = 'modals-contained' > Contained Modal</ Anchor > </ h3 >
283
281
< p > You will need to add the following css to your project and ensure that your container has the < code > modal-container</ code > class.</ p >
0 commit comments