Is your feature request related to a problem?
Feature Request:
It would be great to add a search and filter feature to the ClickHub Button Showcase. This will allow users to quickly find buttons by name, type, or tags, making navigation easier and improving overall user experience.
Expected Behavior:
A search input or filter panel visible on the main showcase page.
Buttons are dynamically filtered as the user types.
Works with button metadata like name, type, and tags.
Improves usability, especially when many buttons are displayed.
Benefits:
Enhances navigation for users browsing large button collections.
Makes the site more interactive and user-friendly.
Beginner-friendly PR opportunity for Hacktoberfest contributors.
Describe the solution you'd like
I’d like a search input field added to the main button showcase page, which allows users to filter buttons in real-time. The search should match button names, types, and tags.
When the user types in the input, only buttons that match the query should be displayed.
The search should be case-insensitive.
Ideally, the component should be reusable and styled consistently with the rest of the site using Tailwind CSS.
Optional: For large collections, consider a filter panel or dropdown to filter by type or tags.
This will make it easier for users to quickly find specific buttons and improve the overall usability of the ClickHub showcase.
Describe alternatives you've considered
No response
Additional context
Additional context:
Currently, all buttons are displayed without a way to search or filter. Adding this feature will make it easier for users to find buttons by name, type, or tags, especially as more buttons are added. This is a beginner-friendly enhancement that improves usability and aligns with Hacktoberfest goals.
Code of Conduct
Is your feature request related to a problem?
Feature Request:
It would be great to add a search and filter feature to the ClickHub Button Showcase. This will allow users to quickly find buttons by name, type, or tags, making navigation easier and improving overall user experience.
Expected Behavior:
A search input or filter panel visible on the main showcase page.
Buttons are dynamically filtered as the user types.
Works with button metadata like name, type, and tags.
Improves usability, especially when many buttons are displayed.
Benefits:
Enhances navigation for users browsing large button collections.
Makes the site more interactive and user-friendly.
Beginner-friendly PR opportunity for Hacktoberfest contributors.
Describe the solution you'd like
I’d like a search input field added to the main button showcase page, which allows users to filter buttons in real-time. The search should match button names, types, and tags.
When the user types in the input, only buttons that match the query should be displayed.
The search should be case-insensitive.
Ideally, the component should be reusable and styled consistently with the rest of the site using Tailwind CSS.
Optional: For large collections, consider a filter panel or dropdown to filter by type or tags.
This will make it easier for users to quickly find specific buttons and improve the overall usability of the ClickHub showcase.
Describe alternatives you've considered
No response
Additional context
Additional context:
Currently, all buttons are displayed without a way to search or filter. Adding this feature will make it easier for users to find buttons by name, type, or tags, especially as more buttons are added. This is a beginner-friendly enhancement that improves usability and aligns with Hacktoberfest goals.
Code of Conduct