# Fieldset Group

The fieldset group component is used to create sections in a journey form page by grouping multiple fieldsets together and providing the section a title.

NOTE

The fieldset group makes use of slots. This makes it possible to nest content inside the component.

<div class="goco-l-grid-container">
  <div class="goco-l-form-grid-row">
    <div class="goco-l-form-grid-main-col">
      <GocoFieldsetGroup legend="About you">
        <GocoFieldset legend="Your name">
          <GocoInput />
        </GocoFieldset>
        <GocoFieldset legend="Your marital status">
          <GocoSelect 
            :options="$frontmatter.options" 
            :placeholder="$frontmatter.placeholder" 
          />
        </GocoFieldset>
      </GocoFieldsetGroup>
      <GocoFieldsetGroup legend="Proposer details">
        <GocoFieldset legend="Your name">
          <GocoInput />
        </GocoFieldset>
        <GocoFieldset legend="Your email address">
          <GocoInput />
        </GocoFieldset>
      </GocoFieldsetGroup>
    </div>
  </div>
</div>

# Component props

Prop	Type	Default	Description
legend	String		Adds a legend to the fieldset group.

← Fieldset Tooltip →