README

Omni UI adalah sebuah pustaka komponen antarmuka (UI) yang ringan, modern, dan dapat digunakan kembali, dirancang khusus untuk proyek Laravel yang menggunakan Tailwind CSS dan Alpine.js. Tujuannya adalah untuk mempercepat proses pengembangan dengan menyediakan komponen-komponen siap pakai yang konsisten dan mudah disesuaikan.

✨ Fitur Utama

Modern & Bersih: Desain komponen yang elegan dan minimalis.
Responsif & Mobile-First: Semua komponen dirancang untuk terlihat bagus di semua ukuran layar.
Dukungan Dark Mode: Secara otomatis beradaptasi dengan tema terang dan gelap.
Dapat Disesuaikan: Mudah untuk di-override dan diperluas sesuai kebutuhan proyek Anda.
Instalasi Mudah: Cukup instal melalui Composer dan langsung gunakan.

📦 Instalasi

Anda dapat menginstal package ini melalui Composer:

composer require omni/ui

Package ini menggunakan fitur auto-discovery dari Laravel, jadi Anda tidak perlu mendaftarkan Service Provider secara manual.

🚀 Penggunaan

Setelah terinstal, Anda dapat menggunakan komponen di file Blade Anda dengan prefix omni::.

Contoh Penggunaan Komponen Tombol:

<x-omni::button>
    Tombol Utama
</x-omni::button>

<x-omni::button variant="secondary">
    Tombol Sekunder
</x-omni::button>

Contoh Penggunaan Komponen Input:

<x-omni::floating-input name="email" label="Alamat Email" type="email" />

🎨 Komponen yang Tersedia

Saat ini, Omni UI menyediakan komponen-komponen berikut:

Tombol (<x-omni::button>): Tombol dengan varian primary, secondary, dan danger.
Input Form (<x-omni::floating-input>): Input teks dengan efek floating label yang modern.
Tabel (<x-omni::table>): Tabel data yang sepenuhnya responsif.
Alert (<x-omni::alert>): Notifikasi untuk pesan sukses, error, dll.
Modal (<x-omni::modal>): Jendela pop-up untuk konfirmasi atau konten tambahan.
Dark Mode Toggle (<x-omni::dark-mode-toggle>): Tombol interaktif untuk beralih tema.

🤝 Berkontribusi

Kontribusi dalam bentuk apa pun sangat kami hargai! Jika Anda menemukan bug atau memiliki ide untuk fitur baru, silakan buka issue atau kirimkan pull request.

📄 Lisensi

Omni UI dirilis di bawah Lisensi MIT. Silakan gunakan, modifikasi, dan distribusikan secara bebas.

omni / ui

Maintainers

Details