mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
14 lines
No EOL
3.9 KiB
HTML
14 lines
No EOL
3.9 KiB
HTML
<!DOCTYPE html><html lang="en"><head>
|
|
<meta charset="utf-8">
|
|
<link rel="icon" href="/carbon-components-svelte/favicon.ico">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Carbon Components Svelte</title>
|
|
<link rel="stylesheet" href="/carbon-components-svelte/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 </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="/carbon-components-svelte/assets/index.c2c9d961.js"></script>
|
|
|
|
|
|
</body></html> |