Design System React
Search result
JSX for this example
<React.Fragment />JSX for this example
<React.Fragment />JSX for this example
<React.Fragment />JSX for this example
<React.Fragment />JSX for this example
<React.Fragment />Search result configuration
SearchResult components can use the following props:
href(optional)- URL of the search result.
isPromoted(optional)- Use the ‘promoted’ display style. Boolean.
linkComponent(optional)- Function that returns an element, to customise the output.
promotedTitle(optional)- Title of the promoted box. Default is ‘Recommended’
title- Title of the search result.
Search result context configuration
SearchResult.Context components can use the following prop:
title(optional)- Title of the context list. Default is ‘Part of’.
Search result meta configuration
SearchResult.Meta components behave the same way as PageMetadata components, with isInline active.
Search result media configuration
SearchResult.Media components wrap an image child in an AspectBox component with a square aspect ratio.