Skip to content

Add an optional wrapper to tabs#11897

Merged
sfshaza2 merged 1 commit intomainfrom
feat/tab-wrapper
Apr 11, 2025
Merged

Add an optional wrapper to tabs#11897
sfshaza2 merged 1 commit intomainfrom
feat/tab-wrapper

Conversation

@parlough
Copy link
Copy Markdown
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 a team, antfitch and sfshaza2 as code owners April 11, 2025 18:35
@flutter-website-bot
Copy link
Copy Markdown
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
Copy Markdown
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