IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

AvatarsIconUiExpandCollapseDown
ButtonsIconUiExpandCollapseDown
Data VisualizationIconUiExpandCollapseDown
DialogsIconUiExpandCollapseDown
FormsIconUiExpandCollapseDown
ModulesIconUiExpandCollapseDown
NotificationsIconUiExpandCollapseDown
ThemesIconUiExpandCollapseDown
TypeIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Feedback

/

Design

Display important context relevant to an interface or action.

Almost anything can be done in Hudl, so we need an easy to understand way to communicate when things are going well, and when they sometimes don't.

IconWarning
Version 5+
If using Uniform Version 5 or later, please refer to our Storybook docs for the Icon documentation and examples.

Icons

IconConfirmation
Confirmation
IconCritical
Critical
IconInformation
Information
IconWarning
Warning

Usage

Providing feedback is an important part of using a product and these icons are closely tied with the severity of the communicated message. Never mix and match and always use them in combination with our utility colors.

Don't interchange feedback colors and icons.

Don'tinterchange feedback colors and icons.

Do match feedback to the message type.

Domatch feedback to the message type.

Platform

platformnotes
Web
  • Stick to the icons above.
Apple
  • Stick to the icons above.
Android
  • Stick to the icons above.