Notice banner

Open example in a new tab


<div class="cads-notice-banner">
  <span class="cads-notice-banner__title">Notice banner title</span>
  <p>Example notice banner content</p>
</div>


<%= render(CitizensAdviceComponents::NoticeBanner.new(label: "Notice banner title")) do %>
  <p>Example notice banner content</p>
<% end %>

Using with Rails

If you are using the citizens_advice_components gem, you can call the component from within a template using:

<%= render(CitizensAdviceComponents::NoticeBanner.new(label: "Notice banner title")) do %>
  <p>Example notice banner content</p>
<% end %>

Component arguments

Argument	Description
Argument `label`	Description Required, string
Argument `content (block)`	Description Required, content block

Questions and contributions

For National Citizens Advice staff you can find us in the #design-system channel on Slack. For open issues, roadmap, and source code see the GitHub project.