result

// src/components/template-components/search-results/result/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/search-results/result
additionalProperties: false
type: object
required:
  - title
  - url
properties:
  info:
    type: string
  snippet:
    type: string
  title:
    type: string
  url:
    type: string
    format: uri-reference

// src/components/template-components/search-results/result/mocks.yaml

title: This is a search result
url: url
$variants:
  - $name: With snippet
    title: This is a search result with a snippet
    url: url
    snippet: Eu nulla quis est do aliquip exercitation culpa duis nisi voluptate culpa.
  - $name: With info
    title: This is a search result with info
    url: url
    info: Nostrud fugiat nostrud nostrud dolore ea commodo nulla.
  - $name: With snippet and info
    title: This is a search result with a snippet and info
    url: url
    info: >-
      Amet ad do sit incididunt occaecat non exercitation dolore sunt ut nulla
      consectetur.
    snippet: Pariatur elit ea ex ipsum qui fugiat dolor proident anim.

// src/components/template-components/search-results/result/result.twig

<div class="SearchResults-item">
	<div class="SearchResult">
		<h3 class="SearchResult-heading">
			<a href="{{ url }}">{{ title }}</a>
		</h3>
		{% if snippet %}
			<p class="SearchResult-snippet">{{ snippet }}</p>
		{% endif %}
		{% if info %}
			<p class="SearchResult-info"><small>{{ info }}</small></p>
		{% endif %}
	</div>
</div>