Genel Bakış
mdui'nin CDN'si ve en basit sayfa şablonuyla mdui'yi kullanmaya başlayalım.
mdui 2 dokümantasyonunu okumaktasınız!
mdui 1 dokümantasyonunu okumak için lütfen www.mdui.org/docs/ adresini ziyaret edin.
Hızlı Başlangıç
mdui'yi kullanmanın en kolay yolu, CSS ve JS dosyalarını doğrudan CDN'den dahil etmektir.
mdui'yi npm ile kurmak istiyorsanız, lütfen Kurulum bölümüne bakın.
Dosyaları Dahil Etme
Aşağıdaki kodu sayfanın <head> etiketine ekleyin:
<link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css" />
<script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
Bileşenlerin simge özniteliklerini kullanmanız gerekiyorsa (örneğin <mdui-button icon="search"></mdui-button> içindeki icon özniteliği gibi), simgelerin CSS dosyasını da dahil etmeniz gerekir. Bkz. Material Icons Simgelerini Kullanma.
mdui, herhangi bir üçüncü taraf kütüphanesine bağlı değildir. Yukarıdaki dosyaları dahil ettikten sonra normal şekilde çalışacaktır.
En Basit Sayfa Şablonu
Aşağıda, daha fazla bileşen ve içerik ekleyerek bir web sitesi oluşturabileceğiniz en basit sayfa şablonu verilmiştir.
<!doctype html>
<html lang="tr">
<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>
<!-- Eğer bileşenlerin icon özniteliğini kullanıyorsanız, simgelerin CSS dosyasını da dahil etmeniz gerekir -->
<title>Merhaba, dünya!</title>
</head>
<body>
<mdui-button>Merhaba, dünya!</mdui-button>
</body>
</html>