pui-css-modals
v5.1.3 bootstrap pivotal ui pivotal ui modularized css
pui-css-modals
A CSS modals component that can be installed via this npm package. This package provides all of the CSS you need to use the component.
Installation
To install the package from the command line:
npm install pui-css-modals
Usage
Note that this requires Bootstrap's JavaScript.
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Modal Title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default-alt" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
You can find more examples of the modals component in the pui style guide
This is a component of Pivotal UI, a collection of React and CSS components for rapidly building and prototyping UIs.
(c) Copyright 2017 Pivotal Software, Inc. All Rights Reserved.