...
Problem: What problem does the pattern attempt to solve? (for example, uploading a particular file)
Context: What is are the situation situations where the problem arises? (uploading a file, navigating to a subpage etcfor example, on a desktop browser for a particular web service)
Principle: How does the pattern work. What actions does the user have to make?
Examples: A link or screenshot to the pattern in use.
Implementation: How can the pattern be implemented? Is it a standard HTML input? Are their libraries or tools available to include it in a website?
...