lostplaces-frontend/components/01_Atoms/input/input.hbs

<h3>Regular with message</h3>
<div class="LP-Input">
    <label for="input123" class="LP-Input__Label">{{label}}</label>
    <input type="text" id="input123" class="LP-Input__Field" placeholder="{{placeholder}}"/>
    <span class="LP-Input__Message">{{message}}</span>
</div>
<h3>Regular without message</h3>
<div class="LP-Input">
    <label for="input123" class="LP-Input__Label">{{label}}</label>
    <input type="text" id="input123" class="LP-Input__Field" placeholder="{{placeholder}}"/>
</div>
<h3>Regular without placeholder</h3>
<div class="LP-Input">
    <label for="input123" class="LP-Input__Label">{{label}}</label>
    <input type="text" id="input123" class="LP-Input__Field" placeholder=""/>
    <span class="LP-Input__Message">{{message}}</span>
</div>
<h3>Disabled</h3>
<div class="LP-Input LP-Input--disabled">
    <label for="input123" class="LP-Input__Label">{{label}}</label>
    <input type="text" id="input123" class="LP-Input__Field" placeholder="{{placeholder}}" disabled="disabled"/>
</div>
<h3>Error</h3>
<div class="LP-Input LP-Input--error">
    <label for="input123" class="LP-Input__Label">{{label}}</label>
    <input type="text" id="input123" class="LP-Input__Field" placeholder="{{placeholder}}"/>
    <span class="LP-Input__Message">{{message}}</span>
</div>