Duct UI

Search Modal

Integrated Search Modal

The search modal is integrated into the application. Click any button below or press + K (or Ctrl + K on Windows/Linux) to open it.

The search modal includes all documentation pages and demo components, allowing you to quickly navigate anywhere in the application.

Global Search Triggers

You can trigger the search modal from anywhere using the data-duct-search-modal-trigger attribute:

<button data-duct-search-modal-trigger>Search</button>
Search Link

Features

  • Keyboard shortcut support (⌘/Ctrl + K)
  • Escape key to close
  • Type-ahead search with filtering
  • Click outside to dismiss
  • Global trigger support via data attribute
  • Integrated with application navigation
  • Searches all documentation and demo pages