Skip to content

✨ Feat: add Global Component Search#86

Merged
MarcosvBueno merged 3 commits intodevelopfrom
feat-add-global-search-components
Jan 2, 2026
Merged

✨ Feat: add Global Component Search#86
MarcosvBueno merged 3 commits intodevelopfrom
feat-add-global-search-components

Conversation

@lucasadsr
Copy link
Member

🔍 Global Component Search

This pull request introduces a global component search feature, allowing users to quickly find and navigate to component documentation from anywhere in the application. The update improves discoverability and usability by providing a fast, keyboard-accessible search experience across both desktop and mobile layouts.


✨ New Global Search Feature

  • Added a new GlobalSearch component that displays a searchable, grouped list of components.
  • Supports filtering by name, description, category, and tags.
  • Includes keyboard shortcut support (Cmd/Ctrl + K) for instant access from anywhere in the app.
    (src/components/global-search.tsx)

🧭 Header Integration & UI Updates

  • Integrated the GlobalSearch component and Search icon into the header.
    (src/components/header.tsx)
  • Added a search button to the desktop header, displaying a keyboard shortcut hint and opening the global search dialog on click.
  • Added a search button to the mobile navigation menu, ensuring accessibility on smaller screens.
  • Rendered the GlobalSearch component within the header and controlled its visibility using local state.

Result: a faster, more intuitive way to discover components, with consistent access across devices and support for power users via keyboard shortcuts.

…onality

- Introduced a new GlobalSearch component that allows users to search for components by name, description, category, or tags.
- Implemented keyboard shortcut (Cmd/Ctrl + K) to toggle the search dialog.
- Organized search results into categories for better usability.
- Replaced the inline grouping logic with useMemo to improve performance by memoizing the grouped components based on filteredComponents.
- Added useMemo import to enhance the component's efficiency during re-renders.
- Integrated Search button in the Header for quick access to the GlobalSearch component.
- Updated mobile menu to include a Search option that toggles the search dialog.
- Introduced state management for search visibility within the Header component.
@lucasadsr lucasadsr self-assigned this Dec 30, 2025
@vercel
Copy link

vercel bot commented Dec 30, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
ui Ready Ready Preview, Comment Dec 30, 2025 7:30pm

Copy link
Contributor

@MarcosvBueno MarcosvBueno left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@MarcosvBueno MarcosvBueno merged commit c99dcdb into develop Jan 2, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants