Forms

Examples of form types and layout. You can toggle error state examples by changing their variables in the ptn-forms.json file in Models. View source – or refer to provided source code for how to implement.

During design and development phases, this guide is best viewed in Google chrome as it is still a working document.

Standard form inputs

Error message

Select input

Textarea input

Radio input

Radios

Checkbox input

Checkboxes