Skip to content
A simple tabs component for our review of web components
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
perf
reference
src
.gitignore
README.md
gulpfile.js
index.html
package.json

README.md

Pf-Tabs Component

This pf-tabs component is a modular building block for building tabs with any application. It's been built using the power of webcomponents.

You can find examples of how to use this component here with Angular2 or here with React.

Hope you enjoy and ❤️ webcomponent's as much as us!

Usage

Import the component in your <head>:

<link rel="import" href="dist/pf-tabs.html">

Reference pf-tabs in your DOM (or JSX):

<pf-tabs class="nav nav-tabs">
    <pf-tab title="Tab 1" active="true">
        <p>tab 1 content</p>
    </pf-tab>
    <pf-tab title="Tab 2">
        <p>tab 2 content</p>
    </pf-tab>
    <pf-tab title="Tab 3">
        <p>tab 3 content</p>
    </pf-tab>
</pf-tabs>
You can’t perform that action at this time.