fix(switcher): adjust labels

Author: joaopalopes24

src/Support/ComponentAPI.php

@@ -379,6 +379,11 @@ public static function checkbox(): array
                     'default' => 'false',
                     'required' => 'false',
                 ],
+                'left-label' => [
+                    'type' => 'string',
+                    'default' => 'null',
+                    'required' => 'false',
+                ],
                 'description' => [
                     'type' => 'string',
                     'default' => 'null',
@@ -389,11 +394,6 @@ public static function checkbox(): array
                     'default' => 'false',
                     'required' => 'false',
                 ],
-                'right-label' => [
-                    'type' => 'string',
-                    'default' => 'null',
-                    'required' => 'false',
-                ],
                 'with-validation-colors' => [
                     'type' => 'boolean',
                     'default' => 'false',
@@ -407,7 +407,7 @@ public static function checkbox(): array
                 'slot' => [
                     'description' => 'Slot to add content to the body.',
                 ],
-                'right-label' => [
+                'left-label' => [
                     'description' => 'Slot to add content to the right label.',
                 ],
                 'description' => [
@@ -1166,6 +1166,11 @@ public static function radio(): array
                     'default' => 'false',
                     'required' => 'false',
                 ],
+                'left-label' => [
+                    'type' => 'string',
+                    'default' => 'null',
+                    'required' => 'false',
+                ],
                 'description' => [
                     'type' => 'string',
                     'default' => 'null',
@@ -1176,11 +1181,6 @@ public static function radio(): array
                     'default' => 'false',
                     'required' => 'false',
                 ],
-                'right-label' => [
-                    'type' => 'string',
-                    'default' => 'null',
-                    'required' => 'false',
-                ],
                 'with-validation-colors' => [
                     'type' => 'boolean',
                     'default' => 'false',
@@ -1194,7 +1194,7 @@ public static function radio(): array
                 'slot' => [
                     'description' => 'Slot to add content to the body.',
                 ],
-                'right-label' => [
+                'left-label' => [
                     'description' => 'Slot to add content to the right label.',
                 ],
                 'description' => [
@@ -1495,6 +1495,11 @@ public static function toggle(): array
                     'default' => 'false',
                     'required' => 'false',
                 ],
+                'left-label' => [
+                    'type' => 'string',
+                    'default' => 'null',
+                    'required' => 'false',
+                ],
                 'description' => [
                     'type' => 'string',
                     'default' => 'null',
@@ -1505,11 +1510,6 @@ public static function toggle(): array
                     'default' => 'false',
                     'required' => 'false',
                 ],
-                'right-label' => [
-                    'type' => 'string',
-                    'default' => 'null',
-                    'required' => 'false',
-                ],
                 'with-validation-colors' => [
                     'type' => 'boolean',
                     'default' => 'false',
@@ -1523,7 +1523,7 @@ public static function toggle(): array
                 'slot' => [
                     'description' => 'Slot to add content to the body.',
                 ],
-                'right-label' => [
+                'left-label' => [
                     'description' => 'Slot to add content to the right label.',
                 ],
                 'description' => [

src/resources/views/sections/components/checkbox.blade.php

@@ -43,9 +43,9 @@
     <x-docs::code.preview language="blade">
         <x-slot name="slot" class="flex flex-wrap gap-8">
             @verbatim
-                <x-checkbox id="label" label="Label in Left" wire:model="model1" value="label" />
+                <x-checkbox id="left-label" left-label="Label in Left" wire:model="model1" value="left-label" />
 
-                <x-checkbox id="right-label" right-label="Label in Right" wire:model="model1" value="right-label" />
+                <x-checkbox id="label" label="Label in Right" wire:model="model1" value="label" />
             @endverbatim
         </x-slot>
     </x-docs::code.preview>

src/resources/views/sections/components/radio.blade.php

@@ -42,9 +42,9 @@
     <x-docs::code.preview language="blade">
         <x-slot name="slot" class="flex flex-wrap gap-8">
             @verbatim
-                <x-radio id="label" label="Label in Left" wire:model="model1" value="label" />
+                <x-radio id="left-label" left-label="Label in Left" wire:model="model1" value="left-label" />
 
-                <x-radio id="right-label" right-label="Label in Right" wire:model="model1" value="right-label" />
+                <x-radio id="label" label="Label in Right" wire:model="model1" value="label" />
             @endverbatim
         </x-slot>
     </x-docs::code.preview>

src/resources/views/sections/components/toggle.blade.php

@@ -33,9 +33,9 @@
     <x-docs::code.preview language="blade">
         <x-slot name="slot" class="flex flex-wrap gap-8">
             @verbatim
-                <x-toggle id="label" label="Label in Left" name="toggle" />
+                <x-toggle id="left-label" left-label="Label in Left" name="toggle" />
 
-                <x-toggle id="right-label" right-label="Label in Right" name="toggle" />
+                <x-toggle id="label" label="Label in Right" name="toggle" />
             @endverbatim
         </x-slot>
     </x-docs::code.preview>