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

Updates

Browse source
This commit is contained in:
Eric Liu 2020-10-02 19:54:27 -07:00
commit c4126dc147
205 changed files with 428 additions and 3925 deletions
Download patch file Download diff file Expand all files Collapse all files

14
framed/UIShell/HeaderNav/index.html
View file

@ -1,14 +0,0 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<style></style><style></style></head>
<body style="">
<div id="app" style=""><header role="banner" aria-label="IBM " class="bx--header"><div slot="skip-to-content"><a href="#main-content" tabindex="0" class="bx--skip-to-content">Skip to main content</a></div> <a class="bx--header__name"><span class="bx--header__name--prefix">IBM&nbsp;</span> Carbon Svelte</a> <nav class="bx--header__nav"><ul role="menubar" class="bx--header__menu-bar"><li><a role="menuitem" tabindex="0" href="/" class="bx--header__menu-item"><span class="bx--text-truncate--end">Link 1</span></a></li> <li><a role="menuitem" tabindex="0" href="/" class="bx--header__menu-item"><span class="bx--text-truncate--end">Link 2</span></a></li> <li><a role="menuitem" tabindex="0" href="/" class="bx--header__menu-item"><span class="bx--text-truncate--end">Link 3</span></a></li> <li title="Expand/Collapse" class="bx--header__submenu"><a role="menuitem" tabindex="0" aria-haspopup="menu" aria-expanded="false" aria-label="Menu" href="/" class="bx--header__menu-item bx--header__menu-title">Menu <svg data-carbon-icon="ChevronDown16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="16" height="16" class="bx--header__menu-arrow" preserveAspectRatio="xMidYMid meet" aria-label="Expand/Collapse" role="img" focusable="false"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg></a> <ul role="menu" aria-label="Menu" class="bx--header__menu"><li><a role="menuitem" tabindex="0" href="/" class="bx--header__menu-item"><span class="bx--text-truncate--end">Link 1</span></a></li> <li><a role="menuitem" tabindex="0" href="/" class="bx--header__menu-item"><span class="bx--text-truncate--end">Link 2</span></a></li> <li><a role="menuitem" tabindex="0" href="/" class="bx--header__menu-item"><span class="bx--text-truncate--end">Link 3</span></a></li></ul></li></ul></nav></header> <nav class="bx--side-nav__navigation bx--side-nav bx--side-nav--ux bx--side-nav--expanded"><ul class="bx--side-nav__items"><li class="bx--side-nav__item"><a class="bx--side-nav__link"> <span class="bx--side-nav__link-text">Link 1</span></a></li> <li class="bx--side-nav__item"><a class="bx--side-nav__link"> <span class="bx--side-nav__link-text">Link 2</span></a></li> <li class="bx--side-nav__item"><a class="bx--side-nav__link"> <span class="bx--side-nav__link-text">Link 3</span></a></li> <li class="bx--side-nav__item"><button type="button" aria-expanded="false" class="bx--side-nav__submenu"> <span class="bx--side-nav__submenu-title">Menu</span> <div class="bx--side-nav__icon bx--side-nav__icon--small bx--side-nav__submenu-chevron"><svg data-carbon-icon="ChevronDown16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="16" height="16" preserveAspectRatio="xMidYMid meet" role="img" focusable="true" tabindex="0"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path><title>Open Menu</title></svg></div></button> <ul role="menu" class="bx--side-nav__menu"><li class="bx--side-nav__menu-item"><a href="/" class="bx--side-nav__link"><span class="bx--side-nav__link-text">Link 1</span></a></li> <li class="bx--side-nav__menu-item"><a href="/" class="bx--side-nav__link"><span class="bx--side-nav__link-text">Link 2</span></a></li> <li class="bx--side-nav__menu-item"><a href="/" class="bx--side-nav__link"><span class="bx--side-nav__link-text">Link 3</span></a></li></ul></li></ul></nav> <main id="main-content" class="bx--content"><div class="bx--grid"><div class="bx--row"><div class="bx--col"><h1>Welcome</h1></div></div></div></main> </div>
<script type="module" src="../../../assets/index.e7d8faec.js"></script>
</body></html>