-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (50 loc) · 1.93 KB
/
index.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
49
50
51
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue 3.2 + Web Component</title>
</head>
<body>
<h1>VcA Web Components</h1>
<h2>Copy Button</h2>
<!--
label: Default button label.
copy_label: Label after copy the copy_value.
copy_value: Value what is copied.
countdown: Seconds until the button resets. Default 5 sec.
color: Button color, `orange`, `dark` and `default`
-->
<copy-button label="Kopieren" copy_label="Kopiert!" copy_value="blabla" countdown="5">
</copy-button>
<pre>
<code class="html">
<copy-button label="Kopieren" copy_label="Kopiert!" copy_value="blabla" countdown="5"> </copy-button>
</code>
</pre>
<h2>Link Button</h2>
<!--
label: Default button label.
to: Path or Link.
utm_campaign: Campaign name for tracking.
utm_medium: Tracking parameter.
utm_source: Tracking parameter.
color: Button color, `orange`, `dark` and `default`
-->
<link-button
label="Jetzt Spenden!"
to="https://vivaconagua.org/spende/"
utm_campaign="dev"
utm_source="localhost"
utm_medium="button"
color="orange">
</link-button>
<div style="max-width: 1444px; align-items: center">
<form-wrapper
style="display: flex; margin: auto"
src="http://payment.localhost/donation-form?form_id=e4ba111d-ed85-4fb7-9662-0a338e507063"></form-wrapper>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>