Input
@import url("https://openui.netlify.app/pages/components/Input/input.css");
<link rel="stylesheet"
href="https://openui.netlify.app/pages/components/Input/input.css">
Standard Input
Label
<div class="input">
<input type="text"/>
<div>Label</div>
</div>
Validation
Label
Label
Label
There are 3 types of inputs available apart from the default one error, warn and success.
<div class="input">
<input type="text" class="error" />
<div class="error">Label</div>
</div>
<div class="input">
<input type="text" class="warn" />
<div class="warn">Label</div>
</div>
<div class="input">
<input type="text" class="success" />
<div class="success">Label</div>
</div>