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

feat(uishell): nav

Browse source
This commit is contained in:
Marcus Feitoza 2020-04-05 01:18:08 -03:00
commit f43f684b5c
8 changed files with 127 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -11,6 +11,9 @@
import SideNavMenu from './SideNav/SideNavMenu.svelte';
import SideNavMenuItem from './SideNav/SideNavMenuItem.svelte';
import SideNavLink from './SideNav/SideNavLink.svelte';
import UIShellNav from './UIShellNav/UIShellNav.svelte';
import UIShellNavItem from './UIShellNav/UIShellNavItem.svelte';
import UIShellNavSubmenu from './UIShellNav/UIShellNavSubmenu.svelte';
let iCatalog = {
class: undefined,
@ -43,7 +46,22 @@
};
</script>
{#if story === 'with-actions-sidenav'}
{#if story === 'with-nav'}
<UIShell {...$$props}>
<div slot="Nav">
<UIShellNav>
<UIShellNavItem href="/" text="Link 1" />
<UIShellNavItem href="/" text="Link 2" />
<UIShellNavItem href="/" text="Link 3" />
<UIShellNavSubmenu text="Sub Menu">
<UIShellNavItem href="/" text="Link 1" />
<UIShellNavItem href="/" text="Link 2" />
<UIShellNavItem href="/" text="Link 3" />
</UIShellNavSubmenu>
</UIShellNav>
</div>
</UIShell>
{:else if story === 'with-actions-sidenav'}
<UIShell {...$$props}>
<div slot="SideNav">
<SideNav>