Skip to content

[Feat]: Three enhancements for a Tabbed Container #1291

Description

@vsnshanmuganathan

Feature 1: Tab headers are not sticky when scrolling. Please implement a switch to enable or disable sticky headers. This will prevent us from having to scroll to the top every time we want to switch between tabs.
https://github.com/user-attachments/assets/b307c19d-503d-4460-b75f-d24ef6adaada

Feature 2: Make the tab heights fill the screen. We currently have a fixed height for the tabs, but since each user has a different device, we cannot set a specific height for the tabs. Instead, similar to the Mobile Navigation, we should adjust the height of the tabs container to fill the screen.

Feature 3: Please refer to the video below. If we have multiple tabs or if the tab names are longer, the three-dot icon becomes misaligned, and the click behavior does not function as expected. To address this, we should implement a Horizontal Scroll feature, or ensure that the three-dot icon remains fixed at the end of the tabs, in accordance with the tabbed container design.

Screen.Recording.2024-11-11.at.4.39.31.PM.mov

Attached Project File:

test (1).json

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Awaiting ReleaseTicket is Dev Complete. Awaiting for the Release.ComponentsDedicated to Frontend Visual ComponentsJavascript FrontendPull requests that update Javascript code

Projects

  • Status
    📋 Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions