From 3ed38c52a6d20820b92fd85dbab742470307ca7c Mon Sep 17 00:00:00 2001
From: tabuna <bliz48rus@gmail.com>
Date: Mon, 28 Sep 2020 17:17:57 +0300
Subject: [PATCH] Added usage component to README.md

---
 README.md | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ff6aa16..d1d55d2 100644
--- a/README.md
+++ b/README.md
@@ -140,8 +140,42 @@ Breadcrumbs::for('photo.index', fn (Trail $trail) =>
 );
 ```
 
+## Output the breadcrumbs use Blade Component
 
-## Output the breadcrumbs
+You can use the output component:
+
+```blade
+<ul>
+    <x-tabuna-breadcrumbs/>
+</ul>
+```
+
+To define classes of list items, you can specify:
+
+```blade
+<x-tabuna-breadcrumbs
+  class="item"
+  active="active"
+/>
+```
+
+You can also pass parameters:
+
+```blade
+<x-tabuna-breadcrumbs
+    parameters="['value 1', 'value 2', 'value 3']"
+/>
+```
+
+And call named routes explicitly:
+
+```blade
+<x-tabuna-breadcrumbs
+    route="static"
+/>
+```
+
+## Output the breadcrumbs use Blade view
 
 In order to display breadcrumbs on the desired page, simply call: