Materialize foydalanuvchi interfeysi standartlari haqida gapirib bering.

Materialize — bu Google tomonidan ilhomlangan frontend asosidagi freymvork. U tayyor foydalanishga mo‘ljallangan foydalanuvchi interfeysi komponentlarini taqdim etadi, masalan, tugmalar, shakllar, navigatsiya, kartalar, modal oynalar va boshqalar, Material Design standartlariga mos keladi.

Materialize amalga oshiradigan asosiy standartlar:

• Tarmoq (Grid): Moslashuvchan maketlar uchun mos keladigan 12 ustunli moslashuvchan tarmoq.
• Ranglar: Material Design uchun oldindan belgilangan rang palitrasi va qo‘llash uchun sinflar.
• Tipografiya: Material Design qo‘llanmalariga mos yozuvlar, o‘lchamlar va uslublar.
• Chuqurlik: Elementlarning vizual hierarhiyasini yaratish uchun soya effekti.
• Animatsiya: Yumuq va ma'noli o'tishlar va animatsiyalar.
• Komponentlar: Material Design asosida ishlab chiqilgan keng UI komponentlari.

Materialize ning asosiy komponentlari va ularning xususiyatlari:

Komponent	Xususiyatlar
Tugmalar (Buttons)	Turli uslublar (soddalar, ko‘tarilganlar, suzuvchi), ikonalar.
Shakllar (Forms)	Kiritish, tanlash, belgilash, radiobuttonlar uchun uslublash.
Navigatsiya (Navbar)	Moslashuvchan navigatsiya paneli, tushadigan menyular bilan.
Kartalar (Cards)	Kontentni tashkil qilish uchun konteynerlar, soya va yumaloq burchaklar bilan.
Modal oynalar (Modals)	Muhim ma'lumotlar yoki harakatlar uchun dialog oynalar.
Tablolar (Tabs)	Kontent bo‘limlari o‘rtasida o'tish.
To‘plamlar (Collections)	Elementlarning uslubli ro‘yxatlari.
Yuklovchilar (Preloaders)	Yuklash indikatorlari.

Materialize da tugma misoli:

<!-- Oddiy tugma -->
<a class="waves-effect waves-light btn">button</a>

<!-- Ikon bilan tugma -->
<a class="btn-floating btn-large waves-effect waves-light red"><i class="material-icons">add</i></a>

Materialize bir xil va intuitiv foydalanuvchi interfeysini yaratishga yordam beradi, Material Design tamoyillariga amal qilgan holda. Bu standartlarni bilish va ulardan foydalanish sifatli UI ta'minlash uchun muhimdir.