input.twig

{% set input_attributes = create_attribute({
  type: 'text',
  name: form_state.value.name,
  id: id|default('test-sdc-text-field-' ~ random()),
  value: form_state.value.value,
}) %}

{% if form_state.value.required %}
  {% set input_attributes = input_attributes.setAttribute('required', true) %}
{% endif %}

<div{{ attributes }}>
  <label class="form-label" for="{{ input_attributes.id }}">
    {{ label }}
  </label>
  <input{{ input_attributes }}>
</div>

File

View on git.drupalcode.org

core/modules/system/tests/themes/sdc_theme_test/components/input/input.twig

View source 
  1. {% set input_attributes = create_attribute({

  2.   type: 'text',

  3.   name: form_state.value.name,

  4.   id: id|default('test-sdc-text-field-' ~ random()),

  5.   value: form_state.value.value,

  6. }) %}

  7. 

  8. {% if form_state.value.required %}

  9.   {% set input_attributes = input_attributes.setAttribute('required', true) %}

  10. {% endif %}

  11. 

  12. <div{{ attributes }}>

  13.   <label class="form-label" for="{{ input_attributes.id }}">

  14.     {{ label }}

  15.   </label>

  16.   <input{{ input_attributes }}>

  17. </div>

  18.

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.