Mellowcrumb CaféLihat demo

Dokumentasi resmi

Komponen

Daftar komponen visual reusable dan cara menemukan penggunaannya di halaman.

KomponenClass utamaContoh halaman
Navbarmc-header, mc-navSemua halaman
Heromc-hero, mc-page-heroHome, About, Menu
Product cardmc-product-cardHome, Menu
Blog cardmc-blog-cardHome, Blog
Acara cardmc-event-cardAcara
Formmc-form, mc-fieldReservation, Contact
Accordionmc-faq, mc-faq__itemFAQ
Lightboxmc-lightboxGaleri

Prinsip penggunaan

Gunakan class yang sama untuk mendapatkan spacing, radius, typography, dan state yang konsisten. Hindari menaruh CSS panjang atau JavaScript khusus berulang langsung di banyak halaman.