Product Selector

Fusion 5.9
    Fusion 5.9

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