Image

Ngorei

framework v4.0.2

Network
Render
Komponen
Exsampel

Utility

Kelas-kelas CSS yang diterapkan langsung ke elemen HTML untuk memberikan gaya dan fungsionalitas tertentu tanpa memerlukan penulisan CSS kustom

Google Font

Kelas utilitas untuk menggunakan font Google. DOM5 menyediakan 3 font default: Roboto, Poppins, dan Montserrat yang dapat digunakan dengan menambahkan kelas font-[nama-font].

<p class="font-Roboto">font-Roboto</p>
<p class="font-Poppins">font-Poppins</p>
<p class="font-Montserrat">font-Montserrat</p>

Font Size

Atur ukuran font menggunakan kelas fs-[ukuran]px. Tersedia dalam kelipatan 2px dari 12px hingga 24px (contoh: fs-12px, fs-14px, fs-16px, dst).

<p class="fs-12px">fs-12px</p>
<p class="fs-16px">fs-16px</p>
<p class="fs-24px">fs-24px</p>

Font Weight

Atur ketebalan font menggunakan kelas fw-[nilai]. Tersedia dua pilihan: fw-400 untuk normal dan fw-700 untuk bold.

<p class="fw-400">fw-400 (normal)</p>
<p class="fw-700">fw-700 (bold)</p>

Line Height

Atur tinggi baris teks menggunakan kelas lh-[nilai]. Nilai dapat berupa angka bulat atau desimal (contoh: lh-1, lh-1.5).

<p class="lh-1">lh-1</p>
<p class="lh-1.5">lh-1.5</p>

Text Transform

text-
text-left
text-center
text-right
text-justify - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

<div class="text-left">text-left</div>
<div class="text-center">text-center</div>
<div class="text-right">text-right</div>
<div class="text-justify">text-justify.</div>

Text Transform

text-
text-uppercase
text-lowercase

<div class="text-uppercase">text-uppercase</div>
<div class="text-lowercase">text-lowercase</div>