Form Title

The title and this introduction are inside a form-header.

{% render '@input-field', { type: 'text', label: 'Username', id: 'user', name: 'user' } %} {% render '@input-field', { type: 'password', label: 'Password', id: 'pass', name: 'pass' } %}

This paragraph and the elements below are in a form-footer

{% render '@button', { label: 'Sign in', type: 'submit' } %}

A button container component is optional - use it for button alignment options if you need them.