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

All design system discussions take place in the #design-system Slack channel. For current issues, roadmap and other info see the Github project board and related issues.