Whisperbox

Purpose

We use Whisperbox to subtly nudge learners towards actions that are secondary but may be of interest to them.

Example

Small Whisperbox
Medium Whisperbox

Description

You can inject content using
= render layout: 'shared/whisperbox' ... do
and the contained block will be the content of the Whisperbox.

You need to provide a whisperbox_heading, and whisperbox_iconand whisperbox_modifier can optionally be provided to specify the icon to use and CSS class modifier to apply.

Variants

Statement-related

Small Whisperbox Variant
Medium Whisperbox Variant

Social-related

Small Whisperbox Variant 2
Medium Whisperbox Variant 2

On alt section

Small Whisperbox Variant 3
Medium Whisperbox Variant 3
Large Whisperbox Variant 3

Without bottom border

Small Whisperbox Variant 4
Medium Whisperbox Variant 4
Large Whisperbox Variant 4