Utah.gov - An official website

Messages and Banners

Top Banner (for use in header)

<div class="message banner color--red" data-msgid="idformymessage12">
	<div>
		<p><a href="#mylink">My Link Text</a></p>
	</div>
	<button class="message--dismiss">@@include('../../img/icons/close.svg')</button>
</div>

Messages

Watch: Governor Cox delivers 2022 State of the State Address

It can also have some more text.

  • And lists
  • of things and links.
<div class="message color--blue" data-msgid="idformymessage123">
	<div>
		<h3><a href="#mylink">My Link Text</a></h3>
		<p>Some paragraph text</p>
	</div>
	<button class="message--dismiss">@@include('../../img/icons/close.svg')</button>
</div>