Skip to content

Commit abccff9

Browse files
committed
[changed] expose static Modal Dialog component
1 parent 99e8cc1 commit abccff9

File tree

6 files changed

+227
-131
lines changed

6 files changed

+227
-131
lines changed

docs/examples/ModalStatic.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
const modalInstance = (
3+
<div className='static-modal'>
4+
<Modal.Dialog>
5+
<Modal.Header>
6+
<Modal.Title>Modal title</Modal.Title>
7+
</Modal.Header>
8+
9+
<Modal.Body>
10+
One fine body...
11+
</Modal.Body>
12+
13+
<Modal.Footer>
14+
<Button>Close</Button>
15+
<Button bsStyle='primary'>Save changes</Button>
16+
</Modal.Footer>
17+
18+
</Modal.Dialog>
19+
</div>
20+
);
21+
22+
React.render(modalInstance, mountNode);

docs/src/ComponentsPage.js

+4
Original file line numberDiff line numberDiff line change
@@ -260,6 +260,10 @@ 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'>Static Markup</Anchor></h3>
264+
<p>A modal dialog component</p>
265+
<ReactPlayground codeText={Samples.ModalStatic} />
266+
263267
<h3><Anchor id='modals-live'>Basic example</Anchor></h3>
264268
<p></p>
265269
<p>

docs/src/Samples.js

+1
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ export default {
3434
PanelGroupAccordion: require('fs').readFileSync(__dirname + '/../examples/PanelGroupAccordion.js', 'utf8'),
3535
CollapsibleParagraph: require('fs').readFileSync(__dirname + '/../examples/CollapsibleParagraph.js', 'utf8'),
3636
Modal: require('fs').readFileSync(__dirname + '/../examples/Modal.js', 'utf8'),
37+
ModalStatic: require('fs').readFileSync(__dirname + '/../examples/ModalStatic.js', 'utf8'),
3738
ModalContained: require('fs').readFileSync(__dirname + '/../examples/ModalContained.js', 'utf8'),
3839
ModalDefaultSizing: require('fs').readFileSync(__dirname + '/../examples/ModalDefaultSizing.js', 'utf8'),
3940
ModalCustomSizing: require('fs').readFileSync(__dirname + '/../examples/ModalCustomSizing.js', 'utf8'),

0 commit comments

Comments
 (0)