From 471583cdbb948331f3ddbdda10675d66398ec612 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Fri, 17 May 2024 20:40:02 +0200
Subject: [PATCH] wip

---
 README.md | 43 +++++++++++++++++++++++++++++++++++++++----
 1 file changed, 39 insertions(+), 4 deletions(-)
diff --git a/README.md b/README.md
index 70e68b5..697fb55 100644
--- a/README.md
+++ b/README.md
@@ -23,14 +23,14 @@ If you've already used it, then the behavior is the same, except that instead of
 
 To get started, require the package via Composer
 
-```bash
+```shell
 composer require laravelcm/livewire-slide-overs
 ```
 
 ### Usage
 Add the Livewire directive @livewire('slide-over-panel') directive to your master layout.
 
-```bladehtml
+```blade
 <html>
 <body>
     <!-- content -->
@@ -40,11 +40,46 @@ Add the Livewire directive @livewire('slide-over-panel') directive to your maste
 </html>
 ```
 
-### Test
+## Creating a Slide Over
+You can run `php artisan make:livewire ShoppingCart` to make the initial Livewire component. Open your component class and make sure it extends the `SlideOverComponent` class:
+
+```php
+<?php
+
+namespace App\Livewire;
+
+use Laravelcm\LivewireSlideOvers\SlideOverComponent;
+
+class ShoppingCart extends SlideOverComponent
+{
+    public function render()
+    {
+        return view('livewire.shopping-cart');
+    }
+}
+```
+
+## Opening a Slide over
+To open a slide over you will need to dispatch an event. To open the `ShoppingCart` slide over for example:
 
+```html
+<!-- Outside of any Livewire component -->
+<button onclick="Livewire.dispatch('openPanel', { component: 'shopper-cart' })">View cart</button>
+
+<!-- Inside existing Livewire component -->
+<button wire:click="$dispatch('openPanel', { component: 'shopping-cart' })">View cart</button>
+
+<!-- Taking namespace into account for component Shop/Actions/ShoppingCart -->
+<button wire:click="$dispatch('openPanel', { component: 'shop.actions.shopping-cart' })">View cart</button>
+```
+
+### Configuration
+wip...
+
+### Test
 wip..
 
-```bash
+```shell
 composer test
 ```
 
