Getting Started
Installation
You can install accordion as part of all blexar's extensions
npm install @blexar/extensions
# or using yarn
yarn add @blexar/extensionsIf you want the standalone version
npm install @blexar/modal
# or using yarn
yarn add @blexar/modalInclude necessary files
<body>
<button class="button is-primary" data-base-modal="#modal01">Show the modal</button>
<div class="modal-container is-hidden" id="modal01">
<div class="modal">
<div class="modal-panel">
<a class="modal-dismiss">X</a>
<div class="modal-header">
<h2 class="modal-title">Hi I'm a modal</h2>
</div>
<div class="modal-body">
<p>Awesome content</p>
</div>
<div class="modal-footer">
<a class="button is-green" href="">Ok</a>
<a class="button is-red is-inverse" href="">Cancel</a>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="dist/js/modal.js"></script>
</body>API
| Modifier | Description | Class |
|---|---|---|
| inverse | reverses navbar background and text color you can add .is-whtie class to the navbar-brand to change it's colors to white | .is-inverse |
| hidden | hides the navbar by moving it up above and out of the viewport it's usually used with a fixed navbar | .is-hidden |
| fixed | makes navbar fixed to the top | .is-fixed |