Your  Account:
Pattern Library

Callout

Specification

Small element to highlight text. Has a background dependant on the type.

Usage

  • Should be used within a layout and no more than 9 columns wide.
  • The 'Alert' and 'Warning' types should be reserved for an actual alert or warning.
  • Icons can be chosen for the Default or Important Callouts.

Options

  • Type: [Dropdown] Defines color and background. Type should be used dependant on the callout's function on the page.
  • Icon:  [Dropdown] Choose Icon for default or imporatant type.
  • Title: Title of callout
  • Text: Text to display. Keep it short. Links should be buttons

Callouts

Defaultsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint occaecat cupidatat non proident.

Importantnsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint occaecat cupidatat non proident.

Alertipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint occaecat cupidatat non proident.

Warnipnsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint occaecat cupidatat non proident.

Successisum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint occaecat cupidatat non proident.