Callout

v4.0.0

Callouts are an excerpt of text or an article that has been pulled out and used as a visual clue to draw the eye to the text. They are used to help direct a user's attention to important pieces of information.

Released

History
View changes
Install
npm i @gold.au/callout
Tags
Requires
Contributors
  • Julian Fleetwood avatar picture
  • Alex Page avatar picture
  • Patrick De Young avatar picture
  • Simon Pascal Klein avatar picture
  • Gary Broadbent avatar picture
  • Dominik Wilkowski avatar picture
  • Trevor Brennan avatar picture

Left border

We’ve used a thick lefthand border, background colours, and padding to enhance the visual weight of the callouts. This done to address WCAG2.0 Criterion 1.4.1

1.4.1 Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)

Related components

Feedback