Components - Search module

Search Bar with minimalistic look

This module is a stylised search bar with a modern look. Provides an ng-model parameter to be able to define on what context the search will take place. When hovering over the search bar, the hover color will be the var(--links) color defined in the portal theme.

Search Bar with results

Based on the search module above, we can add ods-results to list search matches

Search Bar with results + accessibility

The same search bar, with additional aria-* and role attributes and text content for screen readers.

Search Bar to search on a specific field

The same search bar, with a dedicated feature to search on a specific field, thanks to the #search operator.