@postnord/web-components/collection/components/navigation/pn-tablist/tab/pn-tab.stories.js

PostNord Web Components

/*!
 * Built with Stencil
 * By PostNord.
 */
import { createDocumentation } from "../../../../globals/documentation/story";
import docs from "./pn-tab-docs.json";
const { argTypes, textContent } = createDocumentation(docs);
/** The `pn-tab` is used within a `pn-tablist` element. */
const meta = {
    title: 'Components/Navigation/Tablist/Tab',
    component: 'pn-tab',
    parameters: {
        layout: 'padded',
        docs: {
            description: {
                story: textContent,
            },
        },
        actions: {
            handles: ['tabchange'],
        },
    },
    args: {
        label: 'Dashboard',
        value: 'dashboard',
        href: '',
        icon: '',
        ariacontrols: '',
        tabid: '',
    },
    argTypes,
};
export default meta;
import { createPnTablist } from "../renderTablist";
export const PnTab = {
    name: 'pn-tab',
    render: args => createPnTablist(args, { isTablist: false }),
};
/** Use icon on the `pn-tab`. */
export const PnTabIcon = {
    name: 'pn-tab (icon)',
    render: PnTab.render,
    args: {
        icon: 'dashboard',
    },
};
//# sourceMappingURL=pn-tab.stories.js.map