Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Proper form HTML layout

Browse Source
This commit is contained in:
Leonhard Strohmidel 2020-07-31 13:14:45 +02:00
parent 87cc27bcc8
commit 1c295e92f4
4 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/02_Molecules/_molecules.scss
View File

@ -1,4 +1,5 @@
@import 'logo/logo'; @import 'logo/logo';
@import 'textSection/textSection'; @import 'textSection/textSection';
@import 'place/place'; @import 'place/place';
@import 'securityMeasureList/securityMeasureList'; @import 'securityMeasureList/securityMeasureList';
@import 'form/form';

0
components/02_Molecules/form/_form.scss Normal file
View File

0
components/02_Molecules/form/form.config.json Normal file
View File

14
components/02_Molecules/form/form.hbs Normal file
View File

@ -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>