Ready
Document Preview
This pattern uses design system styles and inputs to allow users to see a visual preview of the document they wish to generate and download.
Anatomy
Heading
Client branding
Document description
Inputs fields
Read-only fields
Terms and conditions
Hand writing fields
Actions
Best Practices
1. When to use
Use the pattern to represent a document that will be printed or shared as a digital file outside of the application. This pattern should not be used to represent native items, reports, etc.
2. Editable input vs readonly inputs
Use editable inputs to display data that is configurable and specific to the document. Use the readonly inputs to display static data that is set at a higher entity level.
3. Actions Text
Use a primary button to display an action to download the document. The text should specify the document name.