Repository navigation
ToolbarItem - props for width and flex-grow #11910
Description
Looks like we used to have a widths prop for <ToolbarItem /> that was commented out in a core bump (and later removed) - #10022. Digging into that, it looks like it was because the CSS variables used with that prop were removed accidentally (https://github.com/patternfly/patternfly/pull/6057/files), which probably broke the core bump, so that feature was commented out. Then we added the vars back in core (https://github.com/patternfly/patternfly/pull/6302/files) and never added the widths prop back.
Also there is a .pf-m-flex-grow[on-{breakpoint}] modifier in core that can go on <ToolbarItem /> and <ToolbarGroup /> that we should add a react prop for.
Jira Issue: PF-2344
Metadata
Metadata
Assignees
Type
Projects
- Status
Activity
github-actions commentedon Sep 5, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
khadesamrudhi commentedon Oct 20, 2025
Hi!
I’d like to work on this issue. I’ve implemented a fix locally to add widths and flex-grow responsive props for ToolbarItem, ensuring proper handling for both default and breakpoint-specific classes.
I’ll open a PR shortly to address this issue.
fix(ToolbarItem): add width and flex-grow props and handle breakpoint…
khadesamrudhi commentedon Oct 20, 2025
Opened PR #12074 to address issue #11910.
github-actions commentedon Dec 20, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
1 remaining item
feat(Toolbar): add flexGrow and widths props to ToolbarItem and Toolb…
github-actions commentedon Feb 24, 2026
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
github-actions commentedon Apr 26, 2026
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
github-actions commentedon Jun 30, 2026
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
feat(Toolbar): add flexGrow and widths props to ToolbarItem and Toolb…
feat(Toolbar): add flexGrow and widths props to ToolbarItem and Toolb… (