How to access webform elements in webform.html.twig I'm trying to figure out a way to access webform elements from webform.html.twig.

I need to style the form; wrapping some elements and adding bunch of styles
all I have in the webform.html.twig is "children" variable which renders the whole form, whereas I need to access every element individually.

I found a link on the web for webform-form.html.twig which might do what I need, however I can't find it in webform template folder

http://cgit.drupalcode.org/webform/tree/templates/webform-form.html.twig?id=1135b65031cd6cd195c2e638300e5ef945a6f652

Any help with this matter is much appreciated.
I have figured out a solutions for this situation.


create a tempalte file for your form (ex. webform--newsletter.html.twig)
there is a variable (element) where you can access each field of the form like this: 



  {{ element.elements.YOUR_FIELD_NAME }}



you need to output the form action (submit) at the end of the form link this: 



  {{ element.actions }}



the trick with this solution is that you need to output a couple of hidden form elements that is required for the form to be submitted properly:



  {{ element.form_token }} 
  
  {{ element.form_build_id }} 
  
  {{ element.form_id }}


My final form template looks like this:

&lt;div class="request-form"&gt;
  &lt;div class="form-wrap clearfix"&gt;
    &lt;div class="col-md-4 form-desc"&gt;
      {{ element.elements.form_description }}
    &lt;/div&gt;
    &lt;div class="col-md-8"&gt;
      &lt;form{{ attributes }}&gt;
        {{ title_prefix }}
        &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
            {{ element.elements.name }}
            {{ element.elements.email }}
            {{ element.elements.phone }}
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
            {{ element.elements.message }}
            {{ element.form_token }}
            {{ element.form_build_id }}
            {{ element.form_id }}
            {{ element.actions }}
          &lt;/div&gt;
        &lt;/div&gt;
        {{ title_suffix }}
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;


Hope that helps anyone else

Update: 
I forgot to mention that you also need to print out the following element:


  {{ element.form_token }} 


Credit goes to maestrojed Webform twig template causes “the form has become outdated” error