Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Improve the Gallery in the About page

Open
#369 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
react, typescript
Domain
frontend

Research direction

Start by reviewing the follow-up PR 366 and packages/documentation-framework/components/sectionGallery/sectionGallery.js, then compare the issue image with the current About page. The work is done when SectionGallery supports category galleries containing component-group cards and can hide the filter for categories with few components.

Written by the indexing model from the issue text.

Description

enhancement

A follow-up to https://github.com/patternfly/react-component-groups/pull/366

RHCLOUD-35699

In the next phase, we have a gallery for each category and within the gallery, the cards are the individual component groups
Image

We need to enhance the SectionGallery to support that

The code lives here:
https://github.com/patternfly/patternfly-org/blob/main/packages/documentation-framework/components/sectionGallery/sectionGallery.js

at the same time, it would be nice to add a prop hiding the filter if there is just a few components in the category

Dominant language
TypeScript
Stars
10
Forks
40
Avg merge
3d 22h
Merged PRs (30d)
4

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from patternfly/react-component-groups

All issues in patternfly/react-component-groups

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.