Product Selector

Fusion 5.12
    Fusion 5.12

    Input

    Table of Contents

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