Error summary - Prehľad s chybovými hláseniami

Prehľad s chybovými hláseniami

Otvoriť ukážku na novej záložke

Zdrojový kód

HTML

<div class="govuk-error-summary" data-module="govuk-error-summary">
  <div role="alert">
    <h2 class="govuk-error-summary__title">
      Zadajte správne tieto vstupné údaje a skúste odoslať znova.
    </h2>
      <p class="govuk-error-summary__description">
        Priestor pre popis, k akým chybám došlo a ako ich opraviť.
      </p>
    <div class="govuk-error-summary__body">
      <ul class="govuk-list govuk-error-summary__list">
        <li>
          <a href="#example-error-1">Prosím, zadajte správny tvar vášho Rodného čísla.</a>
        </li>
        <li>
          <a href="#example-error-2">Prosím, zadajte správny tvar vášho OP preukazu.</a>
        </li>
        <li>
          <a href="#example-error-3">Prosím, zadajte správny tvar vášho Tel.čísla.</a>
        </li>
      </ul>
    </div>
  </div>
</div>

Makro

{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}

{{ govukErrorSummary({
  titleText: "Zadajte správne tieto vstupné údaje a skúste odoslať znova.",
  descriptionText: "Priestor pre popis, k akým chybám došlo a ako ich opraviť.",
  errorList: [
    {
      text: "Prosím, zadajte správny tvar vášho Rodného čísla.",
      href: "#example-error-1"
    },
    {
      text: "Prosím, zadajte správny tvar vášho OP preukazu.",
      href: "#example-error-2"
    },
    {
      text: "Prosím, zadajte správny tvar vášho Tel.čísla.",
      href: "#example-error-3"
    }
  ]
}) }}

Prehľad s chybovými hláseniami bez liniek

Otvoriť ukážku na novej záložke

Zdrojový kód

HTML

<div class="govuk-error-summary" data-module="govuk-error-summary">
  <div role="alert">
    <h2 class="govuk-error-summary__title">
      Nájdené chyby
    </h2>
    <div class="govuk-error-summary__body">
      <ul class="govuk-list govuk-error-summary__list">
        <li>
          Nesprávne meno alebo heslo
        </li>
      </ul>
    </div>
  </div>
</div>

Makro

{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}

{{ govukErrorSummary({
  titleText: "Nájdené chyby",
  errorList: [
    {
      text: "Nesprávne meno alebo heslo"
    }
  ]
}) }}

Prehľad s chybovými hláseniami zmiešané s linkami aj ako text

Otvoriť ukážku na novej záložke

Zdrojový kód

HTML

<div class="govuk-error-summary" data-module="govuk-error-summary">
  <div role="alert">
    <h2 class="govuk-error-summary__title">
      Nájdené chyby
    </h2>
    <div class="govuk-error-summary__body">
      <ul class="govuk-list govuk-error-summary__list">
        <li>
          Nesprávne meno alebo heslo
        </li>
        <li>
          <a href="#example-error-1">Súhlas s podmienkami pre prihlásenie</a>
        </li>
      </ul>
    </div>
  </div>
</div>

Makro

{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}

{{ govukErrorSummary({
  titleText: "Nájdené chyby",
  errorList: [
    {
      text: "Nesprávne meno alebo heslo"
    },
    {
      text: "Súhlas s podmienkami pre prihlásenie",
      href: "#example-error-1"
    }
  ]
}) }}