Skip to content

Commit 440126b

Browse files
author
Jimmy Jia
committed
Remove irrelevant ModalStatic example
Fixes react-bootstrap#1001
1 parent 49bf9ce commit 440126b

File tree

3 files changed

+5
-35
lines changed

3 files changed

+5
-35
lines changed

Diff for: docs/examples/ModalStatic.js

-27
This file was deleted.

Diff for: docs/src/ComponentsPage.js

+5-7
Original file line numberDiff line numberDiff line change
@@ -260,24 +260,22 @@ const ComponentsPage = React.createClass({
260260
<div className='bs-docs-section'>
261261
<h1 className='page-header'><Anchor id='modals'>Modals</Anchor> <small>Modal</small></h1>
262262

263-
<h3><Anchor id='modals-static'>A static example</Anchor></h3>
263+
<h3><Anchor id='modals-live'>Basic example</Anchor></h3>
264+
<p></p>
264265
<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
266268
a few convenient "sub components": <code>{'<Modal.Header/>'}</code>, <code>{'<Modal.Title/>'}</code>, <code>{'<Modal.Body/>'}</code>,
267269
and <code>{'<Modal.Footer/>'}</code>, which you can use to build the Modal content.
268270
</p>
271+
<ReactPlayground codeText={Samples.Modal} />
269272
<div className='bs-callout bs-callout-info'>
270273
<h4>Additional Import Options</h4>
271274
<p>
272275
The Modal Header, Title, Body, and Footer components are available as static properties the <code>{'<Modal/>'}</code> component, but you can also,
273276
import them directly from the <code>/lib</code> directory like: <code>{"require('react-bootstrap/lib/ModalHeader')"}</code>.
274277
</p>
275278
</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} />
281279

282280
<h3><Anchor id='modals-contained'>Contained Modal</Anchor></h3>
283281
<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>

Diff for: docs/src/Samples.js

-1
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@ export default {
3333
PanelGroupUncontrolled: require('fs').readFileSync(__dirname + '/../examples/PanelGroupUncontrolled.js', 'utf8'),
3434
PanelGroupAccordion: require('fs').readFileSync(__dirname + '/../examples/PanelGroupAccordion.js', 'utf8'),
3535
CollapsibleParagraph: require('fs').readFileSync(__dirname + '/../examples/CollapsibleParagraph.js', 'utf8'),
36-
ModalStatic: require('fs').readFileSync(__dirname + '/../examples/ModalStatic.js', 'utf8'),
3736
Modal: require('fs').readFileSync(__dirname + '/../examples/Modal.js', 'utf8'),
3837
ModalContained: require('fs').readFileSync(__dirname + '/../examples/ModalContained.js', 'utf8'),
3938
ModalDefaultSizing: require('fs').readFileSync(__dirname + '/../examples/ModalDefaultSizing.js', 'utf8'),

0 commit comments

Comments
 (0)