123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <title><%= typeof title !== 'undefined'? title : 'Storybook'%></title>
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <% if (favicon.endsWith('.svg')) {%>
- <link rel="icon" type="image/svg+xml" href="./<%= favicon %>" />
- <% } else if (favicon.endsWith('.ico')) { %>
- <link rel="icon" type="image/x-icon" href="./<%= favicon %>" />
- <% } %>
- <link
- rel="prefetch"
- href="./sb-common-assets/nunito-sans-regular.woff2"
- as="font"
- type="font/woff2"
- crossorigin
- />
- <link
- rel="prefetch"
- href="./sb-common-assets/nunito-sans-bold.woff2"
- as="font"
- type="font/woff2"
- crossorigin
- />
- <link rel="stylesheet" href="./sb-common-assets/fonts.css" />
- <link href="./sb-manager/runtime.js" rel="modulepreload" />
- <% files.js.forEach(file => { %>
- <link href="<%= file %>" rel="modulepreload" />
- <% }); %> <% if (typeof head !== 'undefined') { %> <%- head %> <% } %>
- <style>
- #storybook-root[hidden] {
- display: none !important;
- }
- </style>
- <% files.css.forEach(file => { %>
- <link href="<%= file %>" rel="stylesheet" />
- <% }); %>
- </head>
- <body>
- <div id="root"></div>
- <% if (typeof globals !== 'undefined' && Object.keys(globals).length) { %>
- <script>
- <% for (var varName in globals) { %>
- <% if (globals[varName] !== undefined) { %>
- window['<%=varName%>'] = <%- (globals[varName]) %>;
- <% } %>
- <% } %>
- </script>
- <% } %>
- <script type="module">
- import './sb-manager/runtime.js';
- <% files.js.forEach(file => { %>
- import '<%= file %>';
- <% }); %>
- </script>
- <link href="./sb-preview/runtime.js" rel="prefetch" as="script" />
- </body>
- </html>
|