Skip to content

FieldSet

Group related form elements
import { FieldSet, Input } from '@ensdomains/thorin'
<FieldSet legend="Token">
  <Input label="Name" placeholder="Ethereum Name Service" />
  <Input
    label="Symbol"
    placeholder="ENS"
    prefix="$"
    textTransform="uppercase"
  />
</FieldSet>

Props
#

name
type
default
description
description
ReactNode
-
Description content
disabled
boolean
-
The disabled attribute of the fieldset element.
form
string
-
The form attribute of the fieldset element.
legend*
Required
string
-
The title for the group of elements
name
string
-
The name attribute of the fieldset element.
status
"required" | "optional" | "pending" | "complete" | { name: string; tone: any; }
-
An optional Tag component next to the legend.

Description
#

Status
#

Disabled
#

Uses native fieldset[disabled] to automatically disable form elements inside.

Edit on GitHub