Skip to content

Commit

Permalink
[changed] expose static Modal Dialog component
Browse files Browse the repository at this point in the history
  • Loading branch information
jquense committed Jul 23, 2015
1 parent 99e8cc1 commit abccff9
Show file tree
Hide file tree
Showing 6 changed files with 227 additions and 131 deletions.
22 changes: 22 additions & 0 deletions docs/examples/ModalStatic.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@

const modalInstance = (
<div className='static-modal'>
<Modal.Dialog>
<Modal.Header>
<Modal.Title>Modal title</Modal.Title>
</Modal.Header>

<Modal.Body>
One fine body...
</Modal.Body>

<Modal.Footer>
<Button>Close</Button>
<Button bsStyle='primary'>Save changes</Button>
</Modal.Footer>

</Modal.Dialog>
</div>
);

React.render(modalInstance, mountNode);
4 changes: 4 additions & 0 deletions docs/src/ComponentsPage.js
Original file line number Diff line number Diff line change
Expand Up @@ -260,6 +260,10 @@ const ComponentsPage = React.createClass({
<div className='bs-docs-section'>
<h1 className='page-header'><Anchor id='modals'>Modals</Anchor> <small>Modal</small></h1>

<h3><Anchor id='modals-static'>Static Markup</Anchor></h3>
<p>A modal dialog component</p>
<ReactPlayground codeText={Samples.ModalStatic} />

<h3><Anchor id='modals-live'>Basic example</Anchor></h3>
<p></p>
<p>
Expand Down
1 change: 1 addition & 0 deletions docs/src/Samples.js
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ export default {
PanelGroupAccordion: require('fs').readFileSync(__dirname + '/../examples/PanelGroupAccordion.js', 'utf8'),
CollapsibleParagraph: require('fs').readFileSync(__dirname + '/../examples/CollapsibleParagraph.js', 'utf8'),
Modal: require('fs').readFileSync(__dirname + '/../examples/Modal.js', 'utf8'),
ModalStatic: require('fs').readFileSync(__dirname + '/../examples/ModalStatic.js', 'utf8'),
ModalContained: require('fs').readFileSync(__dirname + '/../examples/ModalContained.js', 'utf8'),
ModalDefaultSizing: require('fs').readFileSync(__dirname + '/../examples/ModalDefaultSizing.js', 'utf8'),
ModalCustomSizing: require('fs').readFileSync(__dirname + '/../examples/ModalCustomSizing.js', 'utf8'),
Expand Down
Loading

0 comments on commit abccff9

Please sign in to comment.