Skip to content

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

@nicolethoen

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!

Metadata

Metadata

Labels

Projects

Status

PR Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions