@paraboly/pwc-ibox

Generic container box with minimize and close controls.

Usage no npm install needed!

<script type="module">
  import parabolyPwcIbox from 'https://cdn.skypack.dev/@paraboly/pwc-ibox';
</script>

README

Built With Stencil

WebComponent PWC README Boilerplate

Fully customizable readme boilerplate for web component with StencilJS via Paraboly

npm version npm Platform - Platform Free Web License: MIT

WebComponent PWC Animated Checkbox

Live JSFiddle Example

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.