Remove with Text
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
This commit is contained in:
48
Server/wwwroot/package/dist/collection/components/navbar/navbar.stories.js
vendored
Normal file
48
Server/wwwroot/package/dist/collection/components/navbar/navbar.stories.js
vendored
Normal file
@ -0,0 +1,48 @@
|
||||
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
|
Reference in New Issue
Block a user