exemplo de materialize css

dropdown-materializecss

{{#dropdown/negociacao-filtro content="filtro" constrainWidth=600 alignment="right" belowOrigin=true }}
        {{/dropdown/negociacao-filtro}}
        <!-- Dropdown Trigger -->
        
        <!-- Dropdown Structure -->
        <div id="filtro" class="dropdown-content filtro">
          <div class="row">
            <div class="col m4 input-field">
              {{input value=value type="text"}}
              <label for="last_name" class="active">Filtro 1</label>
            </div>
            <div class="input-field col m4">
                    <div class="select-wrapper initialized"><span class="caret">▼</span><input type="text" class="select-dropdown" readonly="true" data-activates="select-options-1ad12824-705f-2291-076f-425189279052" value="Choose your option"><ul id="select-options-1ad12824-705f-2291-076f-425189279052" class="dropdown-content select-dropdown multiple-select-dropdown" style="width: 727px; position: absolute; top: 0px; left: 0px; opacity: 1; display: none;"><li class="disabled"><span><input type="checkbox" disabled=""><label></label>Choose your option</span></li><li class="active"><span><input type="checkbox"><label></label>Option 1</span></li><li class="active"><span><input type="checkbox"><label></label>Option 2</span></li><li class=""><span><input type="checkbox"><label></label>Option 3</span></li></ul><select multiple="" class="initialized">
                      <option value="" disabled="" selected="">Choose your option</option>
                      <option value="1">Option 1</option>
                      <option value="2">Option 2</option>
                      <option value="3">Option 3</option>
                    </select></div>
                    <label>Materialize Multiple Select</label>
                  </div>
            <div class="col m4 input-field">
              {{input value=value type="text"}}
              <label for="last_name" class="active">Filtro 1</label>
            </div>
          </div>
          <div class="row">
            <div class="col m6">
              <button class="btn-flat">
                Limpar campos
              </button>
            </div>
            <div class="col m6">
              <button class="bnt">
                Buscar
              </button>
            </div>
          </div>
        </div>