lil ui

Lil Ui

Satu set komponen yang sangat mendasar untuk proyek React.

Dirancang untuk digunakan di luar kotak atau dengan cara DIY UI dengan tailwindcss atau komponen gaya.

→ Demo dan dokumentasi

Instalasi

 yarn add lil-ui
npm install lil-ui

Komponen

• Modal
• Panel
• Tombol

Modal

Menopang	Jenis	Nilai default	Opsi
show	boolean	false	true untuk menunjukkan modal false untuk menyembunyikan modal
children	string / component	-	Konten modal dapat dilewati sebagai anak -anak
titleComponent	component	-	Komponen khusus untuk heading modal
backdropComponent	component	-	Komponen khusus untuk latar belakang modal
title	string	-	Judul Modal
onClose	function	-	Fungsi untuk dijalankan saat modal ditutup
hideBackdrop	boolean	-	Diatur ke true untuk memiliki latar belakang transparan
modalWidth	string	500px	Atur lebar kustom untuk modal, misalnya 600px

Panel

Menopang	Jenis	Nilai default	Opsi
show	boolean	false	true untuk menunjukkan modal false untuk menyembunyikan modal
children	string / component	-	Konten modal dapat dilewati sebagai anak -anak
titleComponent	component	-	Komponen khusus untuk heading modal
backdropComponent	component	-	Komponen khusus untuk latar belakang modal
title	string	-	Judul Modal
onClose	function	-	Fungsi untuk dijalankan saat modal ditutup
hideBackdrop	boolean	-	Diatur ke true untuk memiliki latar belakang transparan
paneWidth	string	500px	Atur lebar kustom untuk modal, misalnya 600px
position	string	-	Set left untuk menunjukkan panel dari kiri

Tombol

Menopang	Jenis	Nilai default	Opsi
className	string	-	Nama kelas khusus untuk tag button
onClick	function	-	Fungsi yang disebut saat tombol diklik
style	object	-	Objek gaya inline untuk diterapkan pada tag button
children	string / component	-	Label untuk tombol