Skip to content

Tabs/Nav - structure needs to support more than just nav items #12116

Description

@nicolethoen

Follow up to patternfly/patternfly#7930

Core PR - patternfly/patternfly#7985

Needs "@patternfly/patternfly": "6.5.0-prerelease.24"

Changes:

  • There is a new wrapper for tabs (for both primary and secondary/subtabs) - .pf-v6-c-compass__nav-content, which supports 3 children
    • .pf-v6-c-compass__nav-home - holds the "home" button/icon (optional)
    • .pf-v6-c-compass__nav-main - tabs component goes in here
    • .pf-v6-c-compass__nav-search - holds the "search" button/icon (optional)
  • Wrap primary tabs in this new wrapper with home/search buttons. If you need the home/search icons, you can get them from the core PR
  • Wrap secondary tabs in new wrapper, but don't include home/search
  • Will want to remove the inset prop from both primary and secondary tabs. The spacing around tabs now comes from .pf-v6-c-compass__nav-main.
  • that's it!

Activity

  1. moved this from Needs triage to Ready to assign in PatternFly Issueson Nov 5, 2025
  2. moved this from Ready to assign to Not started in PatternFly Issueson Nov 5, 2025
  3. moved this from Not started to In Progress in PatternFly Issueson Nov 13, 2025
  4. moved this from In Progress to PR Review in PatternFly Issueson Nov 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions