2020-07-15 21:30:37 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<title>Shoelace: A forward-thinking library of web components.</title>
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
2020-07-16 14:40:58 +00:00
|
|
|
<meta
|
|
|
|
|
name="description"
|
|
|
|
|
content="Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology."
|
|
|
|
|
/>
|
2020-07-15 21:30:37 +00:00
|
|
|
<meta
|
|
|
|
|
name="viewport"
|
|
|
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
|
|
|
|
/>
|
2021-07-01 11:15:53 +00:00
|
|
|
<meta name="custom-elements-manifest" content="dist/custom-elements.json" />
|
2020-07-16 14:40:58 +00:00
|
|
|
<meta property="og:title" content="Shoelace" />
|
|
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
content="Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology."
|
|
|
|
|
/>
|
|
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta property="og:url" content="https://shoelace.style/" />
|
2020-07-23 19:30:31 +00:00
|
|
|
<meta property="og:image" content="https://shoelace.style/assets/images/og-image.png" />
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
|
|
|
<meta name="twitter:site" content="@shoelace_style" />
|
|
|
|
|
<meta name="twitter:creator" content="@claviska" />
|
|
|
|
|
<meta name="twitter:title" content="Shoelace" />
|
|
|
|
|
<meta
|
|
|
|
|
name="twitter:description"
|
|
|
|
|
content="Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology."
|
|
|
|
|
/>
|
|
|
|
|
<meta name="twitter:image" content="https://shoelace.style/assets/images/twitter-card.png" />
|
|
|
|
|
|
2020-09-23 18:52:28 +00:00
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify@4/themes/pure.css" />
|
2020-07-15 21:30:37 +00:00
|
|
|
<link rel="stylesheet" href="/assets/styles/docs.css" />
|
|
|
|
|
<link rel="stylesheet" href="/assets/plugins/code-block/code-block.css" />
|
2021-09-07 15:52:58 +00:00
|
|
|
<link rel="stylesheet" href="/assets/plugins/search/search.css" />
|
2021-08-16 21:58:34 +00:00
|
|
|
<link rel="stylesheet" href="/assets/plugins/theme-picker/theme-picker.css" />
|
2020-07-15 21:30:37 +00:00
|
|
|
<link rel="icon" href="/assets/images/logo.svg" type="image/x-icon" />
|
2020-07-20 20:22:45 +00:00
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/touch-icon.png" />
|
2020-07-15 21:30:37 +00:00
|
|
|
|
|
|
|
|
<!-- Import Shoelace -->
|
2021-08-09 12:06:59 +00:00
|
|
|
<link rel="stylesheet" href="/dist/themes/light.css" />
|
2021-02-26 14:09:13 +00:00
|
|
|
<link rel="stylesheet" href="/dist/themes/dark.css" />
|
2021-03-18 13:04:23 +00:00
|
|
|
<script type="module" src="/dist/shoelace.js"></script>
|
2020-07-15 21:30:37 +00:00
|
|
|
</head>
|
2021-11-04 11:27:18 +00:00
|
|
|
<body data-shoelace="/dist">
|
2020-07-15 21:30:37 +00:00
|
|
|
<div id="app"></div>
|
2021-08-16 21:58:34 +00:00
|
|
|
<script>
|
|
|
|
|
// Set the initial theme to prevent flashing
|
|
|
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
|
|
|
const theme = localStorage.getItem('theme') || 'auto';
|
|
|
|
|
document.documentElement.classList.toggle('sl-theme-dark', theme === 'dark' || (theme === 'auto' && prefersDark));
|
|
|
|
|
</script>
|
2020-07-15 21:30:37 +00:00
|
|
|
<script>
|
|
|
|
|
window.$docsify = {
|
|
|
|
|
alias: {
|
|
|
|
|
'/.*/_sidebar.md': '/_sidebar.md'
|
|
|
|
|
},
|
|
|
|
|
auto2top: true,
|
|
|
|
|
copyCode: {
|
2021-08-06 20:11:14 +00:00
|
|
|
buttonText: 'Copy',
|
2020-07-15 21:30:37 +00:00
|
|
|
errorText: 'Failed to copy',
|
|
|
|
|
successText: 'Copied'
|
|
|
|
|
},
|
|
|
|
|
coverpage: false,
|
|
|
|
|
executeScript: true,
|
2020-07-23 17:34:24 +00:00
|
|
|
ga: 'UA-6412891-16',
|
2020-07-15 21:30:37 +00:00
|
|
|
homepage: '/getting-started/overview.md',
|
|
|
|
|
loadSidebar: true,
|
|
|
|
|
logo: '/assets/images/wordmark.svg',
|
|
|
|
|
maxLevel: 3,
|
|
|
|
|
subMaxLevel: 2,
|
|
|
|
|
name: 'Shoelace',
|
2021-09-07 15:52:58 +00:00
|
|
|
nameLink: '/',
|
2020-07-15 21:30:37 +00:00
|
|
|
notFoundPage: '404.md',
|
|
|
|
|
pagination: {
|
|
|
|
|
previousText: 'Previous',
|
|
|
|
|
nextText: 'Next',
|
|
|
|
|
crossChapter: true,
|
|
|
|
|
crossChapterText: false
|
|
|
|
|
},
|
2021-08-24 12:49:27 +00:00
|
|
|
routerMode: 'history',
|
2021-08-18 22:15:24 +00:00
|
|
|
themeColor: 'rgb(var(--sl-color-primary-500))'
|
2020-07-15 21:30:37 +00:00
|
|
|
};
|
|
|
|
|
</script>
|
2020-09-23 18:52:28 +00:00
|
|
|
<script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/ga.min.js"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/docsify-pagination@2/dist/docsify-pagination.min.js"></script>
|
2021-11-04 11:27:18 +00:00
|
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.25.0/components/prism-bash.min.js"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.25.0/components/prism-jsx.min.js"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.25.0/components/prism-tsx.min.js"></script>
|
2020-07-15 21:30:37 +00:00
|
|
|
<script src="/assets/plugins/code-block/code-block.js"></script>
|
2021-09-07 15:52:58 +00:00
|
|
|
<script src="/assets/plugins/metadata/metadata.js"></script>
|
2021-02-26 14:09:13 +00:00
|
|
|
<script src="/assets/plugins/scroll-position/scroll-position.js"></script>
|
2021-09-07 15:52:58 +00:00
|
|
|
<script src="/assets/plugins/search/lunr.min.js"></script>
|
|
|
|
|
<script src="/assets/plugins/search/search.js"></script>
|
2021-08-16 21:58:34 +00:00
|
|
|
<script src="/assets/plugins/theme-picker/theme-picker.js"></script>
|
2020-07-15 21:30:37 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
