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>

Open in Playroom

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.