mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

starting side nav

Browse source
This commit is contained in:
adan.ulloa 2020-01-13 09:19:20 -06:00
commit 7e168adcb7
11 changed files with 2081 additions and 585 deletions
Download patch file Download diff file Expand all files Collapse all files

55
src/components/UIShell/UIShell.Story.svelte
View file

@ -77,7 +77,7 @@
class: undefined,
skeleton: false,
render: SettingsAdjust20,
title: 'settings',
title: 'Settings',
tabIndex: 0,
focusable: false,
style: undefined
@ -193,6 +193,55 @@
}
];
const sideNavMenu = [
{
href: undefined,
text: 'Category 1',
subMenu: [
{
href: '#',
text: 'Sub-link 1'
},
{
href: '#',
text: 'Sub-link 2'
},
{
href: '#',
text: 'Sub-link 3'
}
]
},
{
href: '#',
text: 'Link 2',
subMenu: undefined
},
{
href: '#',
text: 'Link 3',
subMenu: undefined
},
{
href: undefined,
text: 'Link 4',
subMenu: [
{
href: '#',
text: 'Sub-link 1'
},
{
href: '#',
text: 'Sub-link 2'
},
{
href: '#',
text: 'Sub-link 3'
}
]
}
];
function searchInStore(event) {
if (event.detail.action === leftPanelActions.search.actionString) {
searchStore.search(event.detail.textInput);
@ -204,6 +253,10 @@
<UIShell {...$$props} {navMenu} />
{:else if story === 'with-actions'}
<UIShell {...$$props} {rightPanel} on:inputSearch={searchInStore} />
{:else if story === 'with-actions-nav'}
<UIShell {...$$props} {navMenu} {rightPanel} on:inputSearch={searchInStore} />
{:else if story === 'with-actions-sidenav'}
<UIShell {...$$props} {sideNavMenu} {rightPanel} on:inputSearch={searchInStore} />
{:else}
<UIShell {...$$props} />
{/if}