UI MarCom 3

Search Results Stable

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

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

AttributeDescriptionValuesDefault
number-of-results-labelLabel behind the number of results
items-per-pageDefines how many result items are shown per pageNumber10
show-more-button-labelLabel behind the button at the end of the list
dataResult data to be shown in the listJSON 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>