x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="moj-interruption-card"> <div class="moj-interruption-card__content"> <div class="govuk-grid-row"> <div class="govuk-grid-column-two-thirds"> <h1 class="govuk-heading-l moj-interruption-card__heading">Are you sure you want to change this?</h1> <div class="govuk-body moj-interruption-card__body"> <p class="govuk-body">You've changed the person's address from Wales to England. This means that the referral needs to be cancelled.</p> <p class="govuk-body">Previous home address: 1 Willow Lane, Newchurch, Kington, HR5 3QF</p> <p class="govuk-body">New home address: 9 Elm Street, Whitney-on-Wye, Hereford, HR3 6EH</p> <p class="govuk-body">You can go back to undo this change.</p> </div> <div class="govuk-button-group moj-interruption-card__actions"> <a class="govuk-button govuk-button--inverse" data-module="govuk-button" role="button" href="#1">Continue</a> <a class="govuk-link govuk-link--inverse" href="#2">Go back to application</a> </div> </div> </div> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
<%= moj_interruption_card(heading: "Are you sure you want to change this?") do |card| %> <% card.with_body do %> <p class="govuk-body">You've changed the person's address from Wales to England. This means that the referral needs to be cancelled.</p> <p class="govuk-body">Previous home address: 1 Willow Lane, Newchurch, Kington, HR5 3QF</p> <p class="govuk-body">New home address: 9 Elm Street, Whitney-on-Wye, Hereford, HR3 6EH</p> <p class="govuk-body">You can go back to undo this change.</p> <% end %> <% card.with_actions do %> <%= govuk_button_link_to "Continue", "#1", inverse: true, role: "button" %> <%= govuk_link_to "Go back to application", "#2", inverse: true %> <% end %><% end %>More information about how and when to use the Interruption Card is available in the MoJ Design System documentation
No params configured.