1. Component Guide
  2. Success alert
  3. With custom margin bottom
Success alert example

With custom margin bottom

The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the GOV.UK Frontend spacing scale. The default margins for the component are inherited from the notification-banner styles defined in the Design System.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/success_alert", {
  message: "Message to alert the user to a successful action goes here",
  margin_bottom: 3
} %>