Úvod

Začněme s mdui přes CDN a s nejjednodušší šablonou stránky.

Čtete dokumentaci mdui 2!

Chcete-li si přečíst dokumentaci mdui 1, navštivte www.mdui.org/docs/.

Rychlý start

Nejjednodušší způsob, jak používat mdui, je zavést soubory CSS a JS přímo z CDN.

Pokud chcete nainstalovat mdui pomocí npm, nahlédněte do kapitoly Instalace.

Zavedení souborů

Přidejte následující kód do <head> stránky:

<link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css" />
<script src="https://unpkg.com/mdui@2/mdui.global.js"></script>

Pokud potřebujete použít atributy ikon komponent (např. atribut icon v <mdui-button icon="search"></mdui-button>), musíte také zavést soubor CSS ikon. Viz Použití ikon Material Icons.

mdui není závislé na žádných knihovnách třetích stran. Po zavedení výše uvedených souborů bude vše fungovat.

Nejjednodušší šablona stránky

Níže je nejjednodušší šablona stránky, do které můžete přidat další komponenty a obsah a vytvořit tak webovou stránku.

<!doctype html>
<html lang="cs">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>

    <link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css">
    <script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
    <!-- Pokud používáte atribut icon komponenty, musíte také zavést soubor CSS ikon -->

    <title>Ahoj, světe!</title>
  </head>
  <body>
    <mdui-button>Ahoj, světe!</mdui-button>
  </body>
</html>

Další kapitola

Instalace