Skip to content

Add apple-style trigger orientation to UTabs, add overflow options for screen flexability #6487

@mikenewbon

Description

@mikenewbon

Package

v4.x

Description

Much like the example in UNavigation Menu for Bottom Tab Bar I would like a mobile friendly vertical orientation for the tabs, as well as expanded options for scrolling or collapsing these tab items on overflow.

Why the tab component? As of the liquid glass update, this pattern is now standard in iOS and provides a nice way to present your mobile navigation.

Image

The aim is to improve the flexibility of this component. Im also suggesting to this end, an overflow option for none (current), scroll, wrap and collapse (overflowing items are in a more tab). I did consider the option to provide a :ui example like navigation menu, however I couldnt get the selected state background to work.

Image

I wil open a PR!

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesttriageAwaiting initial review and prioritizationv4#4488

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions