Real estate agency section

  • Realitní kanceláře, realitky - Česká republika

    Přidat firmu zdarma 
  •         {% include "@Components/sections/real-estate-agency-header-section/real-estate-agency-header-section.twig" with { props: {
  title: "Realitní kanceláře, realitky - Česká republika",
  button: {
    title: "Přidat firmu zdarma",
    variant: "outline",
    animation: "zoom",
    iconBefore: true,
    icon: {
      src: "images/svg/plus.svg",
    },
    extraClass: "s-real-estate-agency__button"
  },
  dropdown: {
    variant: "small",
    options: [
      {
        title: "Výchozí řazení"
      }, {
        title: "Nejlépe hodnocené"
      }, {
        title: "Nejprve nejstarší",
        selected: true
      }, {
        title: "Nejprve nejnovější"
      }
    ]
  },
  search_field: {
    placeholder: "Jakou firmu hledáte?",
    button:{
      title: "Hledej"
    }
  }
}
} %}

      
  •           





<div class="container --pre-section-header">
	<header class="base-header --left">

	
			<div class="base-header__heading-wrapper">
					<h1 class="base-header__heading base-h1">Realitní kanceláře, realitky - Česká republika</h1>
			
		</div>
	









































	</header></div>
<section class="base-section-side-menu  --p-bottom-0  s-real-estate-agency">
  <div class="base-section-side-menu__container container">
    <div class="base-section-side-menu__content">
              <div class="s-real-estate-agency__wrapper">
            <form class="base-form real-estate-agency-search__form">
                      



        <div class="f-search ">
        <div class="f-wrap ">
          <span class="f-input__wrapper ">
            <input class="f-base --background-gray-100" type="search" id="input-search-1349033020" placeholder="Jakou firmu hledáte?">
                </span>
  </div>
                    <div class="f-search__button">
                <button class="btn --conversion  --icon-before" type="submit">    <span class="btn__title ">Hledej</span>
        <span class="btn__icon ">
      <span class="icon">
      <img src="images/svg/mag.svg"  loading="lazy">
  
  </span>
    </span>
    </button>
            </div>
        
            </div>
    <input type="hidden" data-autocomplete-url>

                    <a class="btn --outline  --icon-before  --animation-zoom       s-real-estate-agency__button" href='#'>    <span class="btn__title ">Přidat firmu zdarma</span>
        <span class="btn__icon ">
      <span class="icon">
      <img src="images/svg/plus.svg"  loading="lazy">
  
  </span>
    </span>
    </a>
                </form>
        </div>

		<div class="base-section__sort">
			<div class="dropdown__wrapper --small">
    <select class="form-control dropdown" name="choices-single-no-sorting"
            >

    
          <option value=""  >Výchozí řazení</option>
          <option value=""  >Nejlépe hodnocené</option>
          <option value=""  selected="selected"  >Nejprve nejstarší</option>
          <option value=""  >Nejprve nejnovější</option>
    
  </select>

</div>
		</div>
	    </div>

    <div class="base-section-side-menu__side-menu">
              
          </div>
  </div>
</section>

Schema 

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "button": {
      "type": "string",
      "description": "All props are documented by the core 'button'"
    },
    "dropdown": {
      "type": "string",
      "description": "All props are documented by the core 'dropdown'"
    },
    "search": {
      "type": "object",
      "description": "All props are documented by the core 'search-field'"
    }
  }
}