Stylebook

Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?

reality České Budějovice

reality Český Krumlov

reality Jindřichův Hradec

reality Pelhřimov

reality Písek

reality Prachatice

reality Strakonice

reality Tábor

        {% include "@Components/sections/link-navigation-section/link-navigation-section.twig" with { props: {
  title: "Title",
  perex: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?",
  link: {
    href: "#",
    title: "link"
  },
  titleSecond: "Posts section grid title",
  perexSecond: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?",
  navigation: [
    {
      title: "reality České Budějovice",
      href: "#",
      color: "primary"
    },
    {
      title: "reality Český Krumlov",
      href: "#",
      color: "primary"
    },
    {
      title: "reality Jindřichův Hradec",
      href: "#",
      color: "primary"
    },
    {
      title: "reality Pelhřimov",
      href: "#",
      color: "primary"
    },
    {
      title: "reality Písek",
      href: "#",
      color: "primary"
    },
    {
      title: "reality Prachatice",
      href: "#",
      color: "primary"
    },
    {
      title: "reality Strakonice",
      href: "#",
      color: "primary"
    },
    {
      title: "reality Tábor",
      href: "#",
      color: "primary"
    }
  ]
} } %}

          




<section class="base-section      s-link-navigation">
  <div class="base-section__container container">
        <div class="s-link-navigation__cta">
      <header class="base-header">
      <h2 class="base-header__heading base-h1"></h2>
    </header>
      <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap"></span>
  </span>

  </a>
    </div>
    <div class="s-link-navigation__content">
      <header class="base-header">
      <h2 class="base-header__heading base-h1">Title</h2>
        <p class="base-header__paragraph">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?</p>
  </header>
      <div class="g-link-navigation">
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality České Budějovice</span>
  </span>

  </a>
      </div>
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality Český Krumlov</span>
  </span>

  </a>
      </div>
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality Jindřichův Hradec</span>
  </span>

  </a>
      </div>
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality Pelhřimov</span>
  </span>

  </a>
      </div>
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality Písek</span>
  </span>

  </a>
      </div>
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality Prachatice</span>
  </span>

  </a>
      </div>
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality Strakonice</span>
  </span>

  </a>
      </div>
          <div class="g-link-navigation__item">
        <a class="link --primary" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap">reality Tábor</span>
  </span>

  </a>
      </div>
    </div>
    </div>
    </div>
</section>

Schema

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "perex": {
      "type": "string",
      "description": "Perex of the component"
    },
    "link": {
      "type": "string",
      "description": "Link of the component"
    },
    "title2": {
      "type": "string",
      "description": "Title2 of the component"
    },
    "links": {
      "type": "array of objects",
      "description": "All props are documented by the component `link`."
    }
  }
}