Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(UTabs): Sticky Tab header and Scrollable content #3330

Closed
MayankDiwate opened this issue Feb 15, 2025 · 2 comments
Closed

feat(UTabs): Sticky Tab header and Scrollable content #3330

MayankDiwate opened this issue Feb 15, 2025 · 2 comments
Labels
enhancement New feature or request v3 #1289

Comments

@MayankDiwate
Copy link

Description

Enhance UTabs by making the tab header sticky while allowing the content area to be scrollable. This ensures better usability, keeping the tabs visible while navigating long content.

Additional context

No response
@MayankDiwate MayankDiwate added enhancement New feature or request triage v3 #1289 labels Feb 15, 2025
@AyushChothe
Copy link

Yes, this is a must-have feature.

@benjamincanac Volta.net
Copy link
Member

You can make the Tabs header sticky by simply doing <UTabs :ui="{ list: 'sticky top-0' }" />, I don't think this should be supported by @nuxt/ui as it depends on your parent container.

@benjamincanac benjamincanac removed the triage label Feb 17, 2025 — with Volta.net
@benjamincanac benjamincanac closed this as not planned Won't fix, can't repro, duplicate, stale Feb 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request v3 #1289
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@benjamincanac @AyushChothe @MayankDiwate