Single select inline

Native

  • Text před
    text za
  •         <div class="d-flex justify-content-end">
      Text před
    
      {% include "@Components/fields/single-select-inline-field/single-select-inline-field.twig" with {props: {
        name: "ordering",
        options: [
          {
            title: "Top",
            value: "top",
            selected: true,
          },
          {
            title: "Abecedně A -> Z",
            value: "ascending",
          },
          {
            title: "Abecedně Z -> A",
            value: "descending",
          },
          {
            title: "Od nejlevnějšího",
            value: "old",
          },
          {
            title: "Od nejstaršího",
            value: "new",
          },
        ]
      }} %}
    
      text za
    </div>
    
          
  •           <div class="d-flex justify-content-end">
      Text před
    
      
    
    <div class="f-single-select-inline --native u-posr">
      <span class="f-single-select-inline__icon --before p-1 u-top-50-p u-translate-middle-y u-posa">
          </span>
    
      <select class="f-single-select-inline__select slim-select">
              <option class="" selected value="top"></option>
              <option class="" value="ascending"></option>
              <option class="" value="descending"></option>
              <option class="" value="old"></option>
              <option class="" value="new"></option>
          </select>
    
    </div>
    
      text za
    </div>