khrlumam-component-bismillah

Package React Component ini mencakup berbagai komponen UI yang bisa digunakan dalam proyek React Anda. Di dalamnya terdapat beberapa komponen seperti:

• Button
• Card
• Accordion
• Checkbox
• ToggleSwitch
• Dropdown

📋 Prasyarat

• Pastikan Anda memiliki Node.js dan npm (atau yarn) terinstal di sistem Anda.
• Gunakan React 17+.

⚙️ Instalasi

1. Clone repository atau unduh proyek Anda.

2. Di direktori proyek Anda, jalankan perintah berikut untuk menginstal dependensi:

   Menggunakan npm:

   npm install khrlumam-component-bismillah

Menggunakan yarn:

bash Copy Edit yarn add khrlumam-component-bismillah Setelah menginstal komponen, Anda bisa mulai menggunakannya dalam aplikasi React Anda. 🚀 Cara Penggunaan Berikut adalah contoh cara menggunakan komponen-komponen yang ada dalam package ini:

1. Menggunakan Button jsx Copy Edit import { Button } from "khrlumam-component-bismillah1";

function App() { return ( ); }

2. Menggunakan Card jsx Copy Edit import { Card } from "khrlumam-component-bismillah";

function App() { return ( ); }

3. Menggunakan Accordion jsx Copy Edit import { Accordion } from "khrlumam-component-bismillah";

const sections = [ { title: "Section 1", content: "Content for Section 1" }, { title: "Section 2", content: "Content for Section 2" }, ];

function App() { return ( ); }

4. Menggunakan Checkbox jsx Copy Edit import { Checkbox } from "khrlumam-component-bismillah"; import { useState } from "react";

function App() { const [isChecked, setIsChecked] = useState(false);

return ( <Checkbox id="checkbox1" label="Option 1" checked={isChecked} onChange={(e) => setIsChecked(e.target.checked)} /> ); }

5. Menggunakan Dropdown jsx Copy Edit import { Dropdown } from "khrlumam-component-bismillah";

const options = ["Option 1", "Option 2", "Option 3"];

function App() { return ( ); } ▶️ Cara Menjalankan Setelah menginstal dan mengonfigurasi proyek Anda, jalankan perintah berikut untuk memulai aplikasi React Anda:

Menggunakan npm:

bash Copy Edit npm start Menggunakan yarn:

bash Copy Edit yarn start Aplikasi Anda akan dijalankan di http://localhost:3000.

Selamat Coding! 🎉