Input

Standard

Example
<div styling="input">
    <input type="text" placeholder="Search...">
</div>
                

Disabled

Example
<input type="text" placeholder="Search..." disabled="">
                

Icon

Example
<div styling="icon input">
    <input type="text" placeholder="Search...">
    <i class="icon-search3 icon"></i>
</div>
                

Size











Example
<input type="text" placeholder="Search extra small..." styling="xs">
<input type="text" placeholder="Search small..." styling="sm">
<input type="text" placeholder="Search medium..." styling="md">
<input type="text" placeholder="Search large..." styling="lg">
<input type="text" placeholder="Search extra large..." styling="xl">