From 1c295e92f4e24a699eedd47f32634d261dbf8d35 Mon Sep 17 00:00:00 2001
From: Leonhard Strohmidel <strohmidel@sitepark.com>
Date: Fri, 31 Jul 2020 13:14:45 +0200
Subject: [PATCH] Proper form HTML layout

---
 components/02_Molecules/_molecules.scss       |  3 ++-
 components/02_Molecules/form/_form.scss       |  0
 components/02_Molecules/form/form.config.json |  0
 components/02_Molecules/form/form.hbs         | 14 ++++++++++++++
 4 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 components/02_Molecules/form/_form.scss
 create mode 100644 components/02_Molecules/form/form.config.json
 create mode 100644 components/02_Molecules/form/form.hbs

diff --git a/components/02_Molecules/_molecules.scss b/components/02_Molecules/_molecules.scss
index be1a91d..ea85891 100644
--- a/components/02_Molecules/_molecules.scss
+++ b/components/02_Molecules/_molecules.scss
@@ -1,4 +1,5 @@
 @import 'logo/logo';
 @import 'textSection/textSection';
 @import 'place/place';
-@import 'securityMeasureList/securityMeasureList';
\ No newline at end of file
+@import 'securityMeasureList/securityMeasureList';
+@import 'form/form';
\ No newline at end of file
diff --git a/components/02_Molecules/form/_form.scss b/components/02_Molecules/form/_form.scss
new file mode 100644
index 0000000..e69de29
diff --git a/components/02_Molecules/form/form.config.json b/components/02_Molecules/form/form.config.json
new file mode 100644
index 0000000..e69de29
diff --git a/components/02_Molecules/form/form.hbs b/components/02_Molecules/form/form.hbs
new file mode 100644
index 0000000..9070692
--- /dev/null
+++ b/components/02_Molecules/form/form.hbs
@@ -0,0 +1,14 @@
+<form class="LP-Form">
+    <fieldset class="LP-Form__Fieldset">
+        <legend class="LP-Form__Legend">Basic data</legend>
+        <div class="LP-Form__Row">
+            <span class="LP-Form__Field">
+                <label for="textinput123" class="LP-Input__Label">Enter your text here</label>
+                <input id="textinput123" type="text" class="LP-Input__Text"/>
+                <span class="LP-Input__ErrorMessage">
+                    <p>Text is required</p>
+                </span>
+            </span>
+        </div>
+    </fieldset>
+</form>
\ No newline at end of file