Skip to content

Commit

Permalink
Change tabs to tab
Browse files Browse the repository at this point in the history
  • Loading branch information
@hitaloramon
hitaloramon committed Nov 17, 2023
1 parent 37b6f80 commit daac29f
Showing 1 changed file with 36 additions and 36 deletions.
72 changes: 36 additions & 36 deletions app/Enums/Examples/Ui/Tab.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,69 +5,69 @@
class Tab
{
public const BASIC = <<<'HTML'
<x-tabs selected="Tab 1">
<x-tabs.items tab="Tab 1">
<x-tab selected="Tab 1">
<x-tab.items tab="Tab 1">
Tab 1
</x-tabs.items>
<x-tabs.items tab="Tab 2">
</x-tab.items>
<x-tab.items tab="Tab 2">
Tab 2
</x-tabs.items>
<x-tabs.items tab="Tab 3">
</x-tab.items>
<x-tab.items tab="Tab 3">
Tab 3
</x-tabs.items>
<x-tabs.items tab="Tab 4">
</x-tab.items>
<x-tab.items tab="Tab 4">
Tab 4
</x-tabs.items>
<x-tabs.items tab="Tab 5">
</x-tab.items>
<x-tab.items tab="Tab 5">
Tab 5
</x-tabs.items>
</x-tabs>
</x-tab.items>
</x-tab>
HTML;

public const WIREABLE = <<<'HTML'
<!-- Livewire string property: $tab - initial value: "Tab 1" -->
<x-tabs wire:model="tab">
<x-tabs.items tab="Tab 1">
<x-tab wire:model="tab">
<x-tab.items tab="Tab 1">
Tab 1
</x-tabs.items>
<x-tabs.items tab="Tab 2">
</x-tab.items>
<x-tab.items tab="Tab 2">
Tab 2
</x-tabs.items>
<x-tabs.items tab="Tab 3">
</x-tab.items>
<x-tab.items tab="Tab 3">
Tab 3
</x-tabs.items>
<x-tabs.items tab="Tab 4">
</x-tab.items>
<x-tab.items tab="Tab 4">
Tab 4
</x-tabs.items>
<x-tabs.items tab="Tab 5">
</x-tab.items>
<x-tab.items tab="Tab 5">
Tab 5
</x-tabs.items>
</x-tabs>
</x-tab.items>
</x-tab>
<x-button wire:click="$set('tab', 'Tab 5')">Change to Tab 5</x-button>
HTML;

public const WIREABLE_LIVE = <<<'HTML'
<!-- Livewire string property: $tab - initial value: "Tab 1" -->
<x-tabs wire:model.live="tab">
<x-tabs.items tab="Tab 1">
<x-tab wire:model.live="tab">
<x-tab.items tab="Tab 1">
Tab 1
</x-tabs.items>
<x-tabs.items tab="Tab 2">
</x-tab.items>
<x-tab.items tab="Tab 2">
Tab 2
</x-tabs.items>
<x-tabs.items tab="Tab 3">
</x-tab.items>
<x-tab.items tab="Tab 3">
Tab 3
</x-tabs.items>
<x-tabs.items tab="Tab 4">
</x-tab.items>
<x-tab.items tab="Tab 4">
Tab 4
</x-tabs.items>
<x-tabs.items tab="Tab 5">
</x-tab.items>
<x-tab.items tab="Tab 5">
Tab 5
</x-tabs.items>
</x-tabs>
</x-tab.items>
</x-tab>
HTML;

public const PERSONALIZATION = <<<'HTML'
Expand Down

0 comments on commit daac29f

Please sign in to comment.