Fieldset

In Development

This component is currently in development. The API is not yet stable and may change in future releases.

The Fieldset groups related form controls with an optional legend.

Usage

Basic Usage

Personal Info

...

Open Editor

import { Fieldset } from "@paramanu/forms-react"

export default function App() {
  return <Fieldset legend="Personal Info">Fields here</Fieldset>
}

<fieldset class="pm-fieldset pm-fieldset--default">
  <legend class="pm-fieldset__legend">Personal Info</legend>
  ...
</fieldset>

Guidelines

Accessibility

Feature	Detail
<fieldset>	Semantic grouping element
<legend>	Describes the group
disabled	Disables all child controls

API

Props

Prop	Type	Default	Description
variant	"default" | "card"	"default"	Visual variant
disabled	boolean	false	Disabled state
legend	string	—	Legend text