Preskočiť na hlavný obsah
Oficiálna stránka SK

Doména gov.sk je oficiálna

Toto je oficiálna webová stránka orgánu verejnej moci Slovenskej republiky. Oficiálne stránky využívajú najmä doménu gov.sk. Odkazy na jednotlivé webové sídla orgánov verejnej moci nájdete na tomto odkaze.

Táto stránka je zabezpečená

Buďte pozorní a vždy sa uistite, že zdieľate informácie iba cez zabezpečenú webovú stránku verejnej správy SR. Zabezpečená stránka vždy začína https:// pred názvom domény webového sídla.

Nová verzia ID-SK Frontend nahradzuje pôvodnú verziu. Dokumentáciu staršej verzie nájdete na ID-SK Elements

  1. ID-SK frontend
  2. Inštalácia ID-SK Frontend z dist
Úvod

Inštalácia ID-SK Frontend z dist

Obsah:

Obmedzenia

Pri inštalácii z dist sa používajú kompilované a minifikované verzie šablóny so štýlmi. To znamená, že nebudete môcť:

  • selektívne zahrnúť CSS alebo JavaScript pre jednotlivé komponenty
  • zostaviť si vlastné štýly alebo komponenty na základe palety alebo typografických či medzerových kombinácií.
  • prispôsobiť zostavu (napríklad prepísať farby alebo povoliť globálne štýly)
  • Použiť komponenty z Nunjucks šablón.

Ak požadujete niektorú z týchto funkcií, je výhodnejšie nainštalovať ID-SK Frontend pomocou node package manager.

Kroky k inštalácii

1. Stiahnite si zdroje

Stiahnite si najnovšie kompilované a minifikované verzie šablón štýlov, JavaScript a assetov:

2. Zahrňte zdroje

Skopírujte celý assets priečinok do rootu vašej služby.

Podľa nižšie uvedeného príkladu pridajte súbory CSS a JavaScript do šablóny HTML. Tento príklad predpokladá, že ste skopírovali šablóny so štýlmi a JavaScript súbory do /stylesheets a /javascript.

<!DOCTYPE html>
<html>
  <head>
    <title>Ukážka</title>
    <!--[if !IE 8]><!-->
      <link rel="stylesheet" href="stylesheets/idsk-frontend-[latest version].min.css">
    <!--<![endif]-->
    <!--[if IE 8]>
      <link rel="stylesheet" href="stylesheets/idsk-frontend-ie8-[latest-version].min.css">
    <![endif]-->
  </head>
  <body>
    <!-- Copy and paste component HTML-->
    <button class="govuk-button">Toto je komponent tlačidlo</button>
    <script src="javascript/idsk-frontend-[latest version].min.js"></script>
    <script>window.GOVUKFrontend.initAll()</script>
  </body>
</html>