Umami: Search Web Components

This is a demo module for Search Web Components that replaces the default Umami search experience with a sample layout builder based web component experience.

What's included

• A fully configured database search index and decoupled endpoint
• SWC search bar in the header
• SWC search page using layout builder and blocks
• Example of search input, pager, sort, and results list
• Examples of button, checkbox, and dropdown facets
• Demo styles for SWC components

What's included in the advanced module

• Dropdown html facet
• Collapsible facets
• Facet resets
• New custom web components search-results-recipe and search-example
• List vs Grid switcher
• Demo styles for SWC components

Installation

Before installing make sure you've correctly installed the Umami demo profile. DDEV is a great way to quickly spin up a local with Umami on it. If you have a functioning local and just need to install Umami this drush command will do it:

!!! WARNING: THIS COMMAND WILL DROP YOUR CURRENT DATABASE !!!
drush site:install demo_umami --account-name=admin --account-pass=admin

1. composer require drupal/umami_search_web_components
2. drush en umami_search_web_components
3. drush cr
4. Use the search in the header or visit /search to see the new search experience

Advanced features

This module also contains a submodule umami_search_web_components_adv that shows how to integrate custom components into the base components. To enable these:

1. drush en umami_search_web_components_adv
2. drush cr
3. Use the search in the header or visit /search to see the new search experience