Stylebook

Základní informace

Plocha pozemku 237

Plocha obytná 237

Plocha užitná 237

En. náročnost A - Mimořádně úsporná

Video 237m

Test Informace přes dvě řádky

        {% include "@Components/sections/estate-info-section/estate-info-section.twig" with { props: {
  title: "Základní informace",
  headinglevel: 3,
  info: [
    [
      {
        title: "Plocha pozemku",
        value: "237"
      },
      {
        title: "Plocha obytná",
        value: "237"
      },
    ],
    [
      {
        title: "Plocha užitná",
        value: "237"
      },
      {
        title: "En. náročnost",
        value: "A - Mimořádně úsporná"
      },
      {
        title: "Video",
        value: "237m"
      },
    ],
    [
      {
        title: "Test",
        value: "Informace přes dvě řádky"
      }
    ]
  ]
  }
} %}

          


<section class="base-section  --spacing-md    s-estate-info">
  <div class="base-section__container container">
        <header class="base-header --left   --size-md">
      <h3 class="base-header__heading base-h1">Základní informace</h3>
    </header>
    <dl class="g-info">
      <div class="g-info__col">
              <div class="i-info">
  <span class="i-info__title">Plocha pozemku</span>
  <span class="i-info__value">
    237
  </span>
</div>
              <div class="i-info">
  <span class="i-info__title">Plocha obytná</span>
  <span class="i-info__value">
    237
  </span>
</div>
          </div>
      <div class="g-info__col">
              <div class="i-info">
  <span class="i-info__title">Plocha užitná</span>
  <span class="i-info__value">
    237
  </span>
</div>
              <div class="i-info">
  <span class="i-info__title">En. náročnost</span>
  <span class="i-info__value">
    A - Mimořádně úsporná
  </span>
</div>
              <div class="i-info">
  <span class="i-info__title">Video</span>
  <span class="i-info__value">
    237m
  </span>
</div>
          </div>
      <div class="g-info__col">
              <div class="i-info">
  <span class="i-info__title">Test</span>
  <span class="i-info__value">
    Informace přes dvě řádky
  </span>
</div>
          </div>
  </dl>
    </div>
</section>

Schema

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "perex": {
      "type": "string",
      "description": "Perex of the component"
    },
    "info_items": {
      "type": "array of object",
      "description": "All props are documented by the component `info-item`."
    }
  }
}