Tool Tip/Hover Help
Tool Tip – Single
What type of lease term do you want?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tool Tips are found next to text, inputs and/or components to provide users with an explanation of its purpose or function.
Tool Tips present at the end of a question.
DO NOT place Tool Tips in the label area.
DO NOT place Tool Tips at the end of an input field unless absolutely necessary (ex. if multiple input fields are required for a question and one in particular needs additional clarification).
Tool Tips should be horizontally center-aligned with the question/text.
Hover Help dialog should appear right side of Tool Tips.
<button class="largeActiveButton">Cancel Subscription</button>
<button class="largeInactiveButton">Cancel Subscription</button>
<button class="largeActiveButton">Submit</button>
<button class="largeInactiveButton">Cancel</button>
Tool Tip – Lists
What forms of payment will the landlord accept?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
A Selection Button can sometimes includes a description beneath it. The Non-Disclousre Agreement and Power of Attorney are examples of buttons with description text.
<button class="largeActiveButton">Cancel Subscription</button>
<button class="largeInactiveButton">Cancel Subscription</button>
<button class="largeActiveButton">Submit</button>
<button class="largeInactiveButton">Cancel</button>