input

Information

Folder
src/components/template-components/header/search/input

Files

Schema 
// src/components/template-components/header/search/input/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/header/search/input
additionalProperties: false
required:
  - label
  - input
properties:
  label:
    type: string
    format: html
  input:
    type: string
    format: html
Mocks 
// src/components/template-components/header/search/input/mocks.yaml

label: <label for="header-search-input">Search</label>
input:
  $tpl: elements/input
  $ref: elements/input
  id: header-search-input
  placeholder: Search …
Template 
// src/components/template-components/header/search/input/input.twig

<div class="HeaderSearchInput">
	<div class="u-hiddenVisually">
		{{ label }}
	</div>
	{{ input }}
</div>

Variants

default
Open