




Installation
Script tag
- Put a script tag similar to this
<script type="module" src="https://unpkg.com/@paraboly/pwc-ibox@latest/dist/pwc-ibox.js"></script>
in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
Node Modules
- Run
npm install @paraboly/pwc-ibox --save
- Put a script tag similar to this
<script src='node_modules/@paraboly/pwc-ibox/dist/pwc-ibox.js'></script>
in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
In a stencil-starter app
- Run
npm install @paraboly/pwc-ibox --save
- Add an import to the npm packages
import @paraboly/pwc-ibox;
- Then you can use the element anywhere in your template, JSX, html etc
Usage
Basic Usage
<pwc-ibox>
<pwc-ibox-title>
Title Goes Here
<pwc-ibox-tools minimize-button close-button>
Tools content go here.
</pwc-ibox-tools>
</pwc-ibox-title>
<pwc-ibox-content>Content goes here.</pwc-ibox-content>
<pwc-ibox-footer>Footer goes here.</pwc-ibox-footer>
</pwc-ibox>
Components
Authors
starikcetin, tarik.cetin@paraboly.com | cetinsamedtarik@gmail.com
License
WebComponent PWC Ibox is available under the MIT license.
See the LICENSE file for more info.