@paraboly/pwc-ibox

Live Codepen 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>
	<h5>Title</h5>
	<pwc-ibox-tools minimize-button close-button>
	  Tools
	</pwc-ibox-tools>
  </pwc-ibox-title>
  <pwc-ibox-content>Content</pwc-ibox-content>
  <pwc-ibox-footer>Footer</pwc-ibox-footer>
</pwc-ibox>

Components

• pwc-ibox
• pwc-ibox-content
• pwc-ibox-footer
• pwc-ibox-title
• pwc-ibox-tools

Authors

starikcetin, [e-mail] | [e-mail]

License

WebComponent PWC Ibox is available under the MIT license.

See the LICENSE file for more info.