Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
49 lines
2.3 KiB
JavaScript
49 lines
2.3 KiB
JavaScript
import { icons } from "@infineon/infineon-icons";
|
|
export default {
|
|
title: "Components/Navbar",
|
|
args: {
|
|
applicationName: 'Application name',
|
|
hideLabel: false,
|
|
navbarItemTarget: "_blank",
|
|
navbarItemHref: "",
|
|
navbarMenuHref: "",
|
|
navbarMenuTarget: "_blank",
|
|
searchBarIsOpen: false,
|
|
searchBarShowCloseButton: true,
|
|
navbarPositionFixed: false,
|
|
showLogoAndAppname: true,
|
|
logoHref: "http://google.com",
|
|
logoHrefTarget: "_self",
|
|
},
|
|
argTypes: {
|
|
icon: {
|
|
options: Object.values(icons).map(i => i['name']),
|
|
control: { type: 'select' }
|
|
},
|
|
logoHrefTarget: {
|
|
description: "If not '_self' or '_blank' or '_parent', then set to '_self' by default",
|
|
options: ["_self", "_blank", "_parent"],
|
|
control: { type: 'radio' }
|
|
}
|
|
}
|
|
};
|
|
const DefaultTemplate = (args) => `<ifx-navbar show-logo-and-appname="${args.showLogoAndAppname}" application-name="${args.applicationName}" fixed="${args.navbarPositionFixed}" logo-href="${args.logoHref}" logo-href-target="${args.logoHrefTarget}">
|
|
<ifx-navbar-item hide-label="${args.hideLabel}" icon="${args.icon}" slot="left-item" target="${args.navbBarItemTarget}" href="${args.navbBarItemHref}">Menu Item 1</ifx-navbar-item>
|
|
<ifx-navbar-item hide-label="${args.hideLabel}" slot="left-item">Menu Item</ifx-navbar-item>
|
|
<ifx-navbar-item hide-label="${args.hideLabel}" slot="left-item">Menu Item</ifx-navbar-item>
|
|
|
|
<ifx-navbar-menu slot="menu">
|
|
<ifx-navbar-menu-item href="${args.navbarMenuHref}" target="${args.navbarMenuTarget}">Item 1</ifx-navbar-menu-item>
|
|
<ifx-navbar-menu-item href="${args.navbarMenuHref}">Item 2</ifx-navbar-menu-item>
|
|
<ifx-navbar-menu-item href="${args.navbarMenuHref}">Item 3</ifx-navbar-menu-item>
|
|
</ifx-navbar-menu>
|
|
|
|
<ifx-search-bar slot="search-bar-right" is-open="${args.searchBarIsOpen}" show-close-button="${args.searchBarShowCloseButton}"></ifx-search-bar>
|
|
|
|
<ifx-navbar-item hide-label="${args.hideLabel}" slot="right-item">Right One</ifx-navbar-item>
|
|
<ifx-navbar-item hide-label="${args.hideLabel}" slot="right-item">Right Two</ifx-navbar-item>
|
|
<ifx-navbar-item hide-label="${args.hideLabel}" slot="right-profile-item">Tisho</ifx-navbar-item>
|
|
</ifx-navbar>`;
|
|
export const Default = DefaultTemplate.bind({});
|
|
//# sourceMappingURL=navbar.stories.js.map
|