@postnord/web-components/collection/components/navigation/pn-page-nav/item/pn-page-nav-item.stories.js

PostNord Web Components

/*!
 * Built with Stencil
 * By PostNord.
 */
import { createDocumentation } from "../../../../globals/documentation/story";
import docs from "./pn-page-nav-item-docs.json";
const { argTypes, textContent } = createDocumentation(docs);
/** Page nav */
const meta = {
    title: 'Components/Navigation/Page Nav/Item',
    parameters: {
        actions: {
            handles: ['itemselection'],
        },
        docs: {
            description: {
                story: textContent,
            },
        },
    },
    args: {
        value: 'one',
        icon: '',
        href: '/one/',
    },
    argTypes,
};
export default meta;
import { createPnPageMenu } from "../renderMenu";
export const PnPageNavItem = {
    name: 'pn-page-nav-item',
    render: args => createPnPageMenu(args, { isItem: true }),
};
/** Use an icon on the nav item. */
export const PnPageNavItemIcon = {
    name: 'pn-page-nav-item (icon)',
    render: PnPageNavItem.render,
    args: {
        icon: 'globe',
    },
};
//# sourceMappingURL=pn-page-nav-item.stories.js.map