Live JSFiddle Example

Installation

Script tag

• Put two script tags similar to this in the head of your index.html:

<script
  type="module"
  src="https://unpkg.com/@paraboly/pwc-tabview@latest/dist/pwc-tabview/pwc-tabview.esm.js"
></script>
<script
  nomodule
  src="https://unpkg.com/@paraboly/pwc-tabview@latest/dist/pwc-tabview/pwc-tabview.js"
></script>

• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install @paraboly/pwc-tabview --save
• Put a script tag similar to this <script src='node_modules/@paraboly/pwc-tabview/dist/pwc-tabview.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-tabview --save
• Add an import to the npm packages import @paraboly/pwc-tabview;
• Then you can use the element anywhere in your template, JSX, html etc

Usage

<pwc-tabview>
  <pwc-tabview-tab title="title text">
    Tab content
  </pwc-tabview-tab>

  <pwc-tabview-tab title="title text">
    Tab content
  </pwc-tabview-tab>
</pwc-tabview>

Authors

S. Tarık Çetin (starikcetin), [email protected] | [email protected]

License

WebComponent PWC Tabview is available under the MIT license.

See the LICENSE file for more info.