Switch to WilmingtonReview Input
The review input pattern displays information that a user previously entered into one of various inputs. With the exception of the Secure variant, review input patterns are not interactive. The information is not editable and provided for review only. The default elements are a label and a plain-text representation of the user submission. Use a caption outside of the container to communicate contextual information about the field or a link when it won't fit in the interface.
Usage
Caption for more context, e.g. "You cannot edit this information".
Caption for more context, e.g. "You cannot edit this information".
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Euismod nisi porta lorem mollis. Neque volutpat ac tincidunt vitae semper.
Caption for more context, e.g. "You cannot edit this information".
Design Environment
Avoid combining active and review fields on a single form, unless the review fields can be made active by toggling other options in the form. Review fields may appear with active buttons or button groups that allow the user to move forward in their task or go back to make changes. In addition to within the review container, links may also be included on the page for navigational purposes (e.g. Back to top).
Microcopy
The toggle for the secure input will always include the eye open or closed icon and/or the "Show" and "Hide" link, and submitted content will appear exactly as it was entered in the input field. Follow the microcopy guidelines for links and labels.