27 lines
1.3 KiB
HTML
27 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Vite + Vue</title>
|
|
</head>
|
|
<body style="padding: 50px">
|
|
<event-form
|
|
style="--primary: yellow; --secondary: green; --font: #ff6600; --circle: #111111"
|
|
value='{"sections": [
|
|
{"name": "Personal", "intro": "Jaöaöd", "fields": [
|
|
{"name": "Vorname", "type": "text", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": "", "required": true},
|
|
{"name": "Geschlecht", "type": "select", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": null, "required": true, "options": ["A","Bb","Cc"]},
|
|
{"name": "Essgewohnheiten", "type": "radio", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": null, "required": true, "options": ["A","Bb","Cc"]},
|
|
{"name": "Nachname", "type": "text", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": "", "required": true}
|
|
]},
|
|
{"name": "Veranstaltung", "intro": "Jaöaöd", "fields": [
|
|
]},
|
|
{"name": "Abschicken", "intro": "Jaöaöd", "fields": [
|
|
]}
|
|
]}'
|
|
></event-form>
|
|
<script type="module" src="src/main.js"></script>
|
|
</body>
|
|
</html>
|