Skip to content

Add an optional wrapper to tabs #11897

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.

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

Merged
merged 1 commit into from
Apr 11, 2025
Merged

Add an optional wrapper to tabs #11897

merged 1 commit into from
Apr 11, 2025

Conversation

parlough
Copy link
Member

@parlough parlough commented Apr 11, 2025

Adds an optional argument to the tabs shortcode that when set to true, wraps tabs in a border and slight background color. This allows us to opt specific tabs into being more visually isolated from the surrounding content.

To better facilitate this, slightly adjusts the inset (code block) background color to be more distinct from the background of the tab.

Resolves #11784


Example from /ui/layout:

Light mode version of a wrapped tab

@parlough parlough requested review from sfshaza2, antfitch and a team as code owners April 11, 2025 18:35
@flutter-website-bot
Copy link
Collaborator

Visit the preview URL for this PR (updated for commit 5a6f2a0):

https://flutter-docs-prod--pr11897-feat-tab-wrapper-aofkivvh.web.app

Copy link
Contributor

@sfshaza2 sfshaza2 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@sfshaza2 sfshaza2 merged commit e0b15d0 into main Apr 11, 2025
9 checks passed
@sfshaza2 sfshaza2 deleted the feat/tab-wrapper branch April 11, 2025 18:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

I can't tell when a tab ends
3 participants