MDUIDocs
llms.txt bağlantısını kopyalallms-full.txt bağlantısını kopyalaBu sayfayı Markdown olarak görüntüleBu sayfayı ChatGPT ile tartışBu projenin belgelerini ChatGPT ile tartış
Önceden Tanımlı Renkler
Özel Renk
Duvar Kağıdından Renk Çıkar
Lütfen bir duvar kağıdı seçin
Başlarken
Genel Bakış Kurulum Hızlı Başlangıç TypeScript Desteği IDE Desteği Yerelleştirme Sık Sorulan Sorular
AI Destekli Geliştirme
Stiller
Frameworklerle Entegrasyon
Bileşenler
Fonksiyonlar
Kütüphaneler

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>
Bu Sayfanın İçindekiler