Search Results Stable

The search results component defines the formatting of the results list display the user sees after triggering a search.

Usage Code

<uimc-search-results 
  number-of-results-label=""
  items-per-page=""
  show-more-button-label=""
  data='[]'
></uimc-search-results>

Attribute	Description	Values	Default
number-of-results-label	Label behind the number of results	String
items-per-page	Defines how many result items are shown per page	Number	`10`
show-more-button-label	Label behind the button at the end of the list	String
data	Result data to be shown in the list	JSON Array of Objects	–

Working sample

<uimc-search-results 
  number-of-results-label="search results"
  items-per-page="5"
  show-more-button-label="Show more"
  data='[
    {"title":"[PDF] Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"[PDF] Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"[PDF] Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"[PDF] Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"[PDF] Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"[PDF] Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Medical Imaging - Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."},
    {"title":"Siemens Healthineers Global",
    "url": "https://.../medical-imaging",
    "snippet": "...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ..."}
  ]'
></uimc-search-results>