Side-menu

  • Region

  •         
{% set sideMenuProps = {
  props: {
  title: "Region",
  }
} %}


{% embed "@Components/side-menu/side-menu.twig" with sideMenuProps %}

  {% block content %}
    {% include "@Components/dropdown/dropdown.twig" with {
      props : {
        options: [
          {
            title: "Vyberte region"
          }, {
            title: "Jihočeský"
          }, {
            title: "Jihomoravský"
          }, {
            title: "Středočeský"
          }, {
            title: "Severočeský"
          }, {
            title: "Severomoravský"
          }, {
            title: "Východočeský"
          }, {
            title: "Západočeský"
          }
        ]
      }
    } %}
  {% endblock %}

{% endembed %}

      
  •           


<div class="side-menu__wrapper">
  <header class="base-header  --underline">
      <div class="base-header__heading-wrapper">
      <h2 class="base-header__heading base-h1">Region</h2>
      <div class="base-header__number">
        
      </div>
    </div>
    </header>

      <div class="dropdown__wrapper --default">

  <select class="form-control dropdown" name="choices-single-no-sorting" >

    
          <option value=""  >Vyberte region</option>
          <option value=""  >Jihočeský</option>
          <option value=""  >Jihomoravský</option>
          <option value=""  >Středočeský</option>
          <option value=""  >Severočeský</option>
          <option value=""  >Severomoravský</option>
          <option value=""  >Východočeský</option>
          <option value=""  >Západočeský</option>
    
  </select>

</div>
  </div>

Schema 

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "id": {
      "type": "string",
      "description": "ID of the component"
    },
    "perex": {
      "type": "string",
      "description": "Perex of the component"
    },
    "blocks": {
      "content": "Custom HTML for content of the section."
    }
  }
}