Skip to main content

Instalasi Library

Memasang LaraLiveUI ke proyek Laravel yang sudah ada.

1. Install via Composer​

composer require elnasnato/laraliveui

2. Tambahkan Blade Directives​

Di layout utama Blade, tambahkan directive berikut:

<head>
    ...
    @laraliveuiAppearance
</head>

<body>
    ...
    @livewireScripts
    @laraliveuiScripts
</body>

@laraliveuiAppearance menangani deteksi tema (terang/gelap). @laraliveuiScripts memuat JavaScript LaraLiveUI.

3. Import CSS​

Di resources/css/app.css:

@import 'tailwindcss';
@import '../../vendor/elnasnato/laraliveui/dist/laraliveui.css';

@custom-variant dark (&:where(.dark, .dark *));

Pastikan Tailwind CSS v4 sudah terkonfigurasi dengan Vite atau alat build lainnya.

4. Build Assets​

npm install
npm run build

5. Selesai​

Komponen LaraLiveUI siap digunakan! Mulai dengan:

<laraliveui:button variant="primary">Halo Dunia</laraliveui:button>