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>