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

feat(ui-shell): add expandedByDefault prop to Header

Browse source
This commit is contained in:
Eric Liu 2020-08-02 05:52:01 -07:00
commit 76ac0505e3
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/UIShell/GlobalHeader/Header.svelte
View file

@ -1,4 +1,10 @@
<script> <script>
/**
* Set to `false` to hide the side nav by default
* @type {boolean} [expandedByDefault=true]
*/
export let expandedByDefault = true;
/** /**
* Set to `true` to open the side nav * Set to `true` to open the side nav
* @type {boolean} [isSideNavOpen=false] * @type {boolean} [isSideNavOpen=false]
@ -34,7 +40,7 @@
let winWidth = undefined; let winWidth = undefined;
$: isSideNavOpen = winWidth >= 1056; $: isSideNavOpen = expandedByDefault && winWidth >= 1056;
$: ariaLabel = company $: ariaLabel = company
? `${company} ` ? `${company} `
: "" + (uiShellAriaLabel || $$props["aria-label"] || platformName); : "" + (uiShellAriaLabel || $$props["aria-label"] || platformName);
@ -49,8 +55,7 @@
{/if} {/if}
<a {href} class:bx--header__name={true} {...$$restProps} on:click> <a {href} class:bx--header__name={true} {...$$restProps} on:click>
{#if company} {#if company}
<span class:bx--header__name--prefix={true}>{company}</span> <span class:bx--header__name--prefix={true}>{company}&nbsp;</span>
&nbsp;
{/if} {/if}
<slot name="platform">{platformName}</slot> <slot name="platform">{platformName}</slot>
</a> </a>