Fieldset

The FieldSet component groups related fields under the same heading. The legend assigns a caption to the FieldSet to improve accessibility.

Import

import { FieldSet } from '@dynatrace/strato-components-preview/forms';

Use cases

CodeSandbox

Use multiple fieldsets

It is possible to nest several <FieldSet> components inside each other. To do so, you can simply put it inside any other Fieldset component.

CodeSandbox

Disable a fieldset

To disable a FieldSet and all controls grouped by it, you can simply add the disabled prop.

CodeSandbox

Props

FieldSetProps

extends, ,

Name	Type	Default	Description
legend?		-	The legend used to describe the fieldset.
disabled?		false	Whether the fieldset and all its fields are disabled or not.
name?		-	The name associated with the group in a form.