Serenity for angular 9
Posted: 09 Apr 2020, 13:47
I coppied the input group from the form demo and created a new module which have a component. The style of the input is messed up. I didn't add anything to the project configuration. 
Code: Select all
<div class="ui-g-12">
<div class="card card-w-title">
<h1>Input Groups</h1>
<div class="ui-g form-group">
<div class="ui-g-12 ui-md-6">
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><i class="material-icons">account_circle</i></span>
<span class="md-inputfield">
<input type="text" pInputText>
<label>Username</label>
</span>
</div>
</div>
<div class="ui-g-12 ui-md-6">
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><i class="material-icons">credit_card</i></span>
<span class="ui-inputgroup-addon"><i class="material-icons">card_travel</i></span>
<span class="md-inputfield">
<input type="text" pInputText>
<label>Price</label>
</span>
<span class="ui-inputgroup-addon">$</span>
<span class="ui-inputgroup-addon">.00</span>
</div>
</div>
<div class="ui-g-12 ui-md-6">
<div class="ui-inputgroup">
<span class="md-inputfield">
<input type="text" pInputText>
<label>Keyword</label>
</span>
<button pButton type="button" icon="ui-icon-search"></button>
</div>
</div>
<div class="ui-g-12 ui-md-6">
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><p-checkbox></p-checkbox></span>
<span class="md-inputfield">
<input type="text" pInputText>
<label>Confirm</label>
</span>
</div>
</div>
</div>
</div>
</div>