forked from SAP/ui5-webcomponents
-
Notifications
You must be signed in to change notification settings - Fork 0
/
cdn-fetch.html
48 lines (45 loc) · 1.53 KB
/
cdn-fetch.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
<script type="importmap">
{
"imports": {
"@ui5/webcomponents-localization/": "/packages/localization/",
"@ui5/webcomponents/": "/packages/main/",
"@ui5/webcomponents-theming/": "/packages/theming/",
"@ui5/webcomponents-icons/": "/packages/icons/",
"@ui5/webcomponents-base/": "/packages/base/",
"lit-html": "/node_modules/lit-html/lit-html.js",
"lit-html/": "/node_modules/lit-html/"
}
}
</script>
<style>
body {
background-color: var(--sapBackgroundColor);
}
</style>
</head>
<body>
<!-- run a build and start a normal serve in the root folder to test CDN scenario with asset fetch -->
<script type="module">
import "@ui5/webcomponents/dist/Link.js";
import "@ui5/webcomponents/dist/Button.js";
import "@ui5/webcomponents/dist/DatePicker.js";
import "@ui5/webcomponents/dist/TextArea.js";
import "@ui5/webcomponents/dist/Icon.js";
import "@ui5/webcomponents/dist/Assets-fetch.js";
import "@ui5/webcomponents-icons/dist/AllIcons-fetch.js";
</script>
<ui5-link href="?sap-ui-language=en">English</ui5-link>
<ui5-link href="?sap-ui-language=de">German</ui5-link>
<br>
<ui5-link href="?sap-ui-theme=sap_horizon">Horizon</ui5-link>
<ui5-link href="?sap-ui-theme=sap_horizon_dark">Horizon Dark</ui5-link>
<ui5-textarea maxlength="10" show-exceeded-text value="more than 10 characters">Submit</ui5-textarea>
<ui5-button>Submit</ui5-button>
<ui5-date-picker></ui5-date-picker>
<ui5-icon name="home"></ui5-icon>
<ui5-icon name="account"></ui5-icon>
</body>
</html>