Dokumentasi Youi

Framework CSS lengkap untuk kebutuhan dashboard dan SaaS.

Cara Pasang: Copy link CDN ini ke <head> website Anda.
<link rel="stylesheet" href="https://youi-beige.vercel.app/youi.css">

Grid System

Gunakan .row dan .col-*.

Col-4
Col-4
Col-4

Buttons

<button class="btn btn-primary">Simpan</button> <div class="spinner"></div>

Forms

Tables

# Nama Status Aksi
1 Yoga Nugroho Active
2 YoBase User Pending

Modals (Popup)

Klik tombol di bawah untuk memunculkan popup.

<!-- HTML --> <div id="modalID" class="modal"> <div class="modal-content">...</div> </div> <!-- JS Trigger --> document.getElementById('modalID').classList.add('show');