mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
chore: lift components folder
This commit is contained in:
parent
76df51674d
commit
2200b29b92
301 changed files with 57 additions and 76 deletions
28
src/UIShell/GlobalHeader/Header.svelte
Normal file
28
src/UIShell/GlobalHeader/Header.svelte
Normal file
|
@ -0,0 +1,28 @@
|
|||
<script>
|
||||
export let uiShellAriaLabel = undefined;
|
||||
export let href = undefined;
|
||||
export let company = undefined;
|
||||
export let platformName = undefined;
|
||||
export let isSideNavOpen = undefined;
|
||||
|
||||
import HamburgerMenu from "../SideNav/HamburgerMenu.svelte";
|
||||
|
||||
let winWidth = undefined;
|
||||
|
||||
$: isSideNavOpen = winWidth >= 1056;
|
||||
$: ariaLabel =
|
||||
company + (uiShellAriaLabel || $$props["aria-label"] || platformName);
|
||||
</script>
|
||||
|
||||
<svelte:window bind:innerWidth={winWidth} />
|
||||
|
||||
<header role="banner" aria-label={ariaLabel} class:bx--header={true}>
|
||||
{#if winWidth < 1056}
|
||||
<HamburgerMenu bind:isOpen={isSideNavOpen} />
|
||||
{/if}
|
||||
<a {href} class:bx--header__name={true} {...$$restProps} on:click>
|
||||
<span class:bx--header__name--prefix={true}>{company}</span>
|
||||
{platformName}
|
||||
</a>
|
||||
<slot />
|
||||
</header>
|
Loading…
Add table
Add a link
Reference in a new issue