Odyssey styleguide

Hint

Toggle example guides Toggle HTML markup

Hints are pop-up messages that confirm user actions and provide direct used feedback of the performed action. Hint's appearance are permanent for a particular mode (i.e. Admin of Test) and should provide undo/return as action

<insert-markup>components.hint-</insert-markup>
You are watching a preview. Return
Markup 
<div class="odyssey-notification__hint">
	<span class="odyssey-notification__hint__copy small">
		You are watching a preview.
	</span>
	<a class="odyssey-notification__hint__undo small bold">
		Return
	</a>
</div>
Source: src/components/hint.less, line 1