Fieldset - Chakra Ui

Usage

jsx

import { Fieldset } from "@chakra-ui/react"

jsx

<Fieldset.Root>
  <Fieldset.Legend />
  <Fieldset.Content />
</Fieldset.Root>

Use the disabled prop to disable the fieldset to disable all input elements within the fieldset.

Use the invalid prop to mark the fieldset as invalid. This will show the error text.

Note: You need to pass the invalid prop to the Field component within the fieldset to make each input element invalid.

Explore the Fieldset component parts interactively. Click on parts in the sidebar to highlight them in the preview.