<Fieldset>

Skip past table of contents

Search

Table of contents

Start of documentation content

An HTML fieldset for grouping related form elements and other content.

See MDN documenation on how to use Fieldset to improve accessibility.

Use of <Fieldset>

<Fieldset

  id="myFieldset"

  legendHtml={{ en: 'Street address' }}

>

  <Text id="street" name="street" />

</Fieldset>

<Fieldset>'s props

PropAboutType
hideInAnswerSummary

Whether to hide any answers below this.

boolean
legendHtml

Localisable HTML: the <legend> content (MDN <legend>)

E.g.

{
  en: 'Terms and conditions',
}
LocalisedHtml
id

Component Id.

Must be unique within the form.

string
meta

Arbitrary metadata on this node.

This is useful when developing custom controls as it allows you to pass down metadata/extensions.

string
childrenById

Used to indicate children ids of this component.

If used in React this is non-editable.

string[]
hasChildrenById

Non-editable.

Used to indicate that this component has children.

true
hasTagsById

Non-editable.

Used to indicate that this component isn't a form field with tags by id.

false
isFormField

Non-editable.

Used to indicate that this component isn't a form field.

false
isMultichoice

Non-editable.

Used to indicate that this component isn't a multichoice form field like <Select>, <Radios> or <Checkboxes>.

false
type

Non-editable.

Type of component of "Fieldset".

"Fieldset"