- //
+
+ New version 1.30.0 is now available 🎉
+ Introducing a useful command to search for component usage.
diff --git a/resources/views/documentation/command.blade.php b/resources/views/documentation/command.blade.php
new file mode 100644
index 00000000..2c7eda5b
--- /dev/null
+++ b/resources/views/documentation/command.blade.php
@@ -0,0 +1,46 @@
+
+
+ Commands
+
+
+ TallStackUI available commands.
+
+
+
+ TallStackUI offers several useful commands to help during the development
+ process of your projects that use TallStackUI. On this page we will list
+ all the commands and their references for explanations or details.
+
+
+
+
+ Command to setup icons.
+ See the details of the command and how to use it by clicking here.
+
+
+
+
+
+ Command to setup prefix.
+ See the details of the command and how to use it by clicking here.
+
+
+
+
+
+ Command used to find component usages in all Blade files.
+
+
+
+ After running the command, you will need to select the component
+ you want to find usages for, and then the command will list all
+ the files that use the selected component, and also the line number
+ where the component is used. When any occurrence is found, the output
+ will be similar to the following:
+
+
+
+
+
+
diff --git a/resources/views/documentation/personalization/soft.blade.php b/resources/views/documentation/personalization/soft.blade.php
index 7c50a578..30779ae6 100644
--- a/resources/views/documentation/personalization/soft.blade.php
+++ b/resources/views/documentation/personalization/soft.blade.php
@@ -147,6 +147,20 @@ classes in an easy way in order to make modifications while maintaining the rest
in the block name or wrong block name, the application will not generate a visual
error for the end user, the personalization will just not be applied.
+
+ Starting from version 1.30.0 you can pass a class name that contains a __invoke public method
+ to the personalize attribute to make the personalization more organized and reusable.
+ Let's take a look at an example:
+
+ Blade:
+
+ PHP:
+
+
+ You may have noticed that in the example above we have an array called $classes as
+ the parameter of the __invoke method, this array is an array with all classes that
+ came from the original personalization defined to the component.
+
diff --git a/resources/views/documentation/ui/modal.blade.php b/resources/views/documentation/ui/modal.blade.php
index 10121406..04afe82c 100644
--- a/resources/views/documentation/ui/modal.blade.php
+++ b/resources/views/documentation/ui/modal.blade.php
@@ -50,11 +50,29 @@
-
- TallStackUi
+
+ SM
-
- Open Modal
+
+ MD
+
+
+ LG
+
+
+ XL
+
+
+ SM
+
+
+ MD
+
+
+ LG
+
+
+ XL
diff --git a/resources/views/documentation/ui/slide.blade.php b/resources/views/documentation/ui/slide.blade.php
index 7a010ad0..81ab5b9b 100644
--- a/resources/views/documentation/ui/slide.blade.php
+++ b/resources/views/documentation/ui/slide.blade.php
@@ -60,11 +60,29 @@
-
- TallStackUi
+
+ SM
-
- Open Slide
+
+ MD
+
+
+ LG
+
+
+ XL
+
+
+ SM
+
+
+ MD
+
+
+ LG
+
+
+ XL
diff --git a/routes/web.php b/routes/web.php
index 1453dfef..3dac5cef 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -94,6 +94,7 @@
Route::view('/dark-theme', 'documentation.helpers.dark-theme', Example::DarkTheme->variables())->name('dark-theme');
Route::view('/configuration', 'documentation.configuration', Example::Configuration->variables())->name('configuration');
+ Route::view('/command', 'documentation.command', Example::Command->variables())->name('command');
Route::view('/translation', 'documentation.translation', Example::Translation->variables())->name('translation');
Route::view('/without-livewire', 'documentation.without-livewire', Example::WithoutLivewire->variables())->name('without-livewire');
Route::view('/contribution', 'documentation.contribution', Example::Contribution->variables())->name('contribution');
diff --git a/tests/Feature/StructureTest.php b/tests/Feature/StructureTest.php
index 45e8221a..a63925ee 100644
--- a/tests/Feature/StructureTest.php
+++ b/tests/Feature/StructureTest.php
@@ -92,6 +92,7 @@
fn () => route('documentation.internal.wrapper'),
//
fn () => route('documentation.configuration'),
+ fn () => route('documentation.command'),
fn () => route('documentation.translation'),
fn () => route('documentation.without-livewire'),
//