Add/vertical tabs

[Bender-0]

Description

Adds a vertical orientation option for Tabs component

Visual changes

Before

After

Tabs::make('Tabs')
    ->vertical() // Makes the tabs display vertically
    ->tabs([
        Tabs\Tab::make('Tab 1')
            ->schema([
                // ...
            ]),
        Tabs\Tab::make('Tab 2')
            ->schema([
                // ...
            ]),
        Tabs\Tab::make('Tab 3')
            ->schema([
                // ...
            ]),
    ])

Functional changes

• [✓] Code style has been fixed by running the composer cs command.
• [✓] Changes have been tested to not break existing functionality.
• Documentation is up-to-date.

[NazarAli]

when can see v4 ?

[danharrin]

@Bender-0 can you please rebase these changes onto v4? The Blade components have been refactored and the Tailwind classes are now in CSS files

[vikijel]

Hi, i made PR for vertical Wizard in v3, but it was closed for new features.

If someone wants to rebase/refactor/use it for v4...

It feels similar to the vertical Tabs situation, including ->vertical() method on Wizard.

Discussion: #13894
PR for v3: #13919

PS: Feel free to do whatever with the old PR, sadly I won't have time for this anytime soon (probably not until v4 is out and i will be considering upgrade of my project, which currently uses the css override from the discussion)

[danharrin]

Alright no worries, thanks for letting me know!

[vikijel]

Alright no worries, thanks for letting me know!

@danharrin This might be a misunderstanding, I am not author of this PR (vertical Tabs), @Bender-0 is.

I only tried to link it to my old PR (vertical Wizard) as it felt related, so they could implement the vertical style for more components than just Tabs).

I would like v4 to have vertical styles/layouts, so please reconsider reopening this and waiting for Bender / someone to finish it

Sorry for the confusion

[Bender-0]

@danharrin so i pulled and rebased onto 4.x and created a new empty commit "rebased onto 4.x ".
on my terminal git says everything up-to-date. but i still see the conflicts here and not sure why... any idea why is that? Am i missing something?

[saade]

@Bender-0 please follow these steps:

First, update your fork by going to your fork's Github page and pressing "Sync Fork"

From your terminal:

git checkout 4.x
git pull
git checkout add/vertical-tabs
git merge 4.x

You'll see the conflicts.

PS: the schema package got renamed to schemas so you'll need move your changes to the correct location.