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: "accent" | "blue" | "green" | "red" | "secondary" | undefined; }
-
An optional Tag component next to the legend.

Description
#

Status
#

Disabled
#

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

Edit on GitHub