Skip to content

Add Another

michaellau-smbc edited this page Jun 17, 2021 · 15 revisions

Add Another

There are the following classes added :

  • append the class govuk-!-margin-bottom-9
  • append the class smbc-!-align-left

These classes changes:

  • text-align for remove button
  • margin-bottom for remove button

Implementation example

<fieldset class=" govuk-fieldset">
    <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
        Person
    </legend>
    <div class="govuk-form-group ">
        <label class="govuk-label govuk-label--m" for="firstName:1:">
            First name
        </label>
        <input class="govuk-input" id="firstName:1:" maxlength="60" name="firstName:1:" spellcheck="false" type="text" value="i">
   </div>
<button data-prevent-double-click="true" class="govuk-button smbc-button--link smbc-!-align-left govuk-!-margin-bottom-9" id="remove-1" name="remove-1" data-module="govuk-button">
    Remove
</button>
</fieldset>

Example

image

Clone this wiki locally