Skip to content

FieldSet

Group related form elements
import { FieldSet } from 'degen'

Props
#

name
type
default
description
ReactNode
-
disabled
boolean
-
form
string
-
legend*
Required
string
-
name
string
-
size
"medium" | "small"
-
space
ConditionalStyle<Values<MapLeafNodes<{ '0px': string; '1px': string; '2px': string; '4px': string; '6px': string; '8px': string; '10px': string; '12px': string; '14px': string; '16px': string; '20px': string; '24px': string; '28px': string; '32px': string; '36px': string; ... 31 more ...; none: string; }, CSSVarFunc...
16px
status
"required" | "optional" | "pending" | "complete" | { name: string; tone: "background" | "blue" | "green" | "orange" | "pink" | "purple" | "red" | "accent" | "primary" | "secondary"; }
-

Description
#

Status
#

Disabled
#

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

Size
#

Notice how the field styles also change inside the FieldSet depending on the size.

Edit on GitHub