Help

Help menu

Tooltips

Hover me for a tooltip…

data-controller="tooltip" data-tooltip-content-value="Hover me for a tooltip…"

Or use a tooltip_marker rails helper, like this:

<%= tooltip_marker("This tooltip displayed when marker is hovered over…")>

Help links

Here's a link to a help article…

<%= link_to( "Here's a link to a help article…", "#", class: "help-link", data: { controller: "helpscout", action: "helpscout#modal:prevent", helpscout_id_param: "5a6b6dd92c7d3a39e6266648" } ) %>

Help prompts

Help prompts can be used to provide additional details about the screen or action for the user.

With more text…
Help prompts can be used to provide additional details about the screen or action for the user. Help prompts can be used to provide additional details about the screen or action for the user. Help prompts can be used to provide additional details about the screen or action for the user.

.help-prompt--sml has less padding for single line stuff.

.help-prompt--tada-icon for congratulating users!

Help prompts – with video

 

.help-prompt--video-thumbnail

Showing a Wistia-generated video thumbnail… look left!

 

With more text…
Help prompts can be used to provide additional details about the screen or action for the user. Help prompts can be used to provide additional details about the screen or action for the user. Help prompts can be used to provide additional details about the screen or action for the user.

Help prompts – with close option

Help prompts can be used to provide additional details about the screen or action for the user.

With more text…
Help prompts can be used to provide additional details about the screen or action for the user. When 'hidden', the help prompt no longer appears for this user.