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

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