Library komponen React untuk DapoerRasa yang menyediakan kumpulan komponen reusable yang dirancang untuk aplikasi web modern dengan dukungan tema.
npm install xegavnjLibrary komponen React untuk DapoerRasa yang menyediakan kumpulan komponen reusable yang dirancang untuk aplikasi web modern dengan dukungan tema.
``bash`
npm install xegavnj
Import komponen yang Anda butuhkan lalu gunakan dalam file React Anda. Pastikan untuk membungkus aplikasi Anda dengan ThemeProvider jika ingin menggunakan fitur tema otomatis.
`jsx
import { ThemeProvider, AppHeader, Button } from "xegavnj";
export default function App() {
return (
Selamat Datang
);
}
`
Props:
- label: Teks tombol.bg
- : Warna background.icon
- : Komponen icon (dari lucide-react).variant
- : (Custom melalui props style seperti bg, border).
Varian (variant):
- basic: Kartu teks sederhana dengan border atas berwarna.image
- : Kartu dengan gambar di atas.horizontal
- : Kartu layout mendatar (gambar di kiri, konten di kanan).
Props:
- title, description, image, buttonLabel, meta.
Varian (variant):
- primary: Background solid (ungu), menu di kanan.centered
- : Logo besar di tengah, menu di bawahnya.split
- : Gradient background, menu dan tombol CTA terpisah.
Props:
- logo: Teks logo.menuItems
- : Array object { label, href }.showThemeToggle
- : Boolean untuk menampilkan tombol ganti tema.
Varian (variant):
- default: List menu vertikal standar.grouped
- : Menu dikelompokkan berdasarkan kategori.floating
- : Sidebar melayang dengan sudut membulat.
Props:
- title: Judul sidebar.items
- : Array menu item.groups
- : Array group untuk varian grouped.
Varian (variant):
- primary: Footer sederhana centered.dark
- : Background gelap dengan dukungan ikon sosmed.split
- : Layout terpisah untuk link tambahan.
Props:
- copyright: Teks hak cipta.socials
- : Boolean untuk ikon sosmed (hanya varian dark).links`: Array link tambahan (hanya varian split).
-