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

feat(ui-shell): add Header platform name slot

Browse source
This commit is contained in:
Eric Liu 2020-08-01 15:46:28 -07:00
commit 62cf3be278
2 changed files with 20 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/UIShell/UIShell.Story.svelte
View file

@ -113,9 +113,27 @@
let isOpen = !true;
</script>
<style>
.platform-name {
display: flex;
align-items: baseline;
}
.platform-name small {
margin-left: 0.5rem;
font-size: 0.625rem;
font-weight: 400;
color: #a8a8a8;
}
</style>
{#if story === 'header'}
<Header {...$$props} company={undefined}>
<SkipToContent />
<span slot="platform" class="platform-name">
Platform Name
<small>1.12.2</small>
</span>
</Header>
{:else if story === 'sidenav'}
<SideNav isOpen={true}>