Fieldset

Fieldset

(open in a new window)

Code

Markup

<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend">
    What is your address?
  </legend>
</fieldset>

Macro

{% from "fieldset/macro.njk" import govukFieldset %}

{{ govukFieldset({
  "legend": {
    "text": "What is your address?"
  }
}) }}

Fieldset as page heading

(open in a new window)

Code

Markup

<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
    <h1 class="govuk-fieldset__heading">
      What is your address?
    </h1>
  </legend>
</fieldset>

Macro

{% from "fieldset/macro.njk" import govukFieldset %}

{{ govukFieldset({
  "legend": {
    "text": "What is your address?",
    "classes": "govuk-fieldset__legend--xl",
    "isPageHeading": true
  }
}) }}