Fieldset

Import

import { Fieldset, FieldsetParts } from '@cerberus/react'

Usage

Form Section Example

The Fieldset component can be used to group related form elements together using the usage prop which can be either formSection or fieldGroup (default).

Field Group Example

When use need to label a group of Radio or Checkbox inputs, use the usage prop with the value fieldGroup.

Customizing

You can use style props or the Primitives to customize the Fieldset.

Primitives

You can utilize the primitive components or the css prop to customize the Fieldset.

API

Props

The Fieldset component is an abstraction of the primitives and accepts the following props:

The Fieldset component also accepts all the props of the FieldsetRoot primitive props

Parts

The FieldsetParts API is an Object containing the full family of components.

Note

It is best to only use the FieldsetParts if you are building a custom solution. Importing Object based components will ship every property it includes into your bundle, regardless if you use it or not.