# Form groups preview

<table>
  <tr>
    <td width="33.3333%">choose-categories</td>
    <td width="33.3333%">choose-file-with-button</td>
    <td width="33.3333%">email-group-with-btn</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/choose-categories.html">
            <img src="https://i.postimg.cc/K8J3tKBR/Screenshot-2209.png" alt="image" border="0"/>
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/choose-file-with-button.html">
            <img src="https://i.postimg.cc/0N46HLtv/Screenshot-2210.png" alt="image" border="0"/>
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/email-group-with-btn.html">
            <img src="https://i.postimg.cc/Gtw4bvwS/Screenshot-2211.png" alt="image" border="0"/>
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">email-group</td>
    <td width="33.3333%">message-textarea-group</td>
    <td width="33.3333%">search-group</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/email-group.html">
            <img src="https://i.postimg.cc/cCRrC6d1/Screenshot-2212.png" alt="image" border="0"/>
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/message-textarea-group.html">
            <img src="https://i.postimg.cc/C1fZymtq/Screenshot-2213.png" alt="image" border="0"/>
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/search-group.html">
            <img src="https://i.postimg.cc/wxLt04DK/Screenshot-2214.png" alt="image" border="0"/>
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">search-with-btn</td>
    <td width="33.3333%">search-with-category-and-btn-horizontal</td>
    <td width="33.3333%">search-with-category-and-btn-vertical</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/search-with-btn.html">
            <img src="https://i.postimg.cc/dVtLQqpv/Screenshot-2215.png" alt="image" border="0"/>
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/search-with-category-and-btn-horizontal.html">
            <img src="https://i.postimg.cc/SNGnpXZD/Screenshot-2216.png" alt="image" border="0"/>
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/search-with-category-and-btn-vertical.html">
            <img src="https://i.postimg.cc/tCbsfdzs/Screenshot-2217.png" alt="image" border="0"/>
        </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">search-with-zip-and-btn</td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form%20groups/src/search-with-zip-and-btn.html">
            <img src="https://i.postimg.cc/Gm79HWnD/Screenshot-2218.png" alt="image" border="0"/>
        </a>
    </td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
</table>
