A set of React components for the PatternFly project.

design-system design-tokens hacktoberfest patternfly react-components reactjs typescript
10 Open Issues Need Help Last updated: Oct 16, 2025

Open Issues Need Help

View All on GitHub

AI Summary: The `<ToolbarItem />` component in `patternfly-react` is missing a `widths` prop that was previously removed due to an accidental deletion of its corresponding CSS variables in PatternFly core. Although the CSS variables were later restored, the prop was never re-implemented. The issue also suggests adding a React prop for the `.pf-m-flex-grow` CSS modifier, which applies to both `<ToolbarItem />` and `<ToolbarGroup />` for responsive flex-grow behavior.

Complexity: 2/5
Good first issue Hacktoberfest :jack_o_lantern: PF Team

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue PF Team

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue Hacktoberfest :jack_o_lantern:

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue Stale

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue A11y Hacktoberfest :jack_o_lantern: PF Team

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue A11y Hacktoberfest :jack_o_lantern:

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue A11y Hacktoberfest :jack_o_lantern: PF Team

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue Stale

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript
Good first issue A11y PF Team

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript

AI Summary: Debug and fix a misalignment issue in the toolbar of a PatternFly React primary detail card component. The issue involves incorrect padding, causing the toolbar to be off-center. The fix requires inspecting the component's CSS and potentially adjusting padding or margin values to achieve the expected centered alignment. Testing should be done in Firefox on macOS.

Complexity: 3/5
Good first issue Demo PF Team

A set of React components for the PatternFly project.

TypeScript
#design-system#design-tokens#hacktoberfest#patternfly#react-components#reactjs#typescript