Fieldset

Fieldset is a component used to group elements such as legends, helper messages, and error messages in a fieldset element.

Source @yamada-ui/form-control

Theming

The Fieldset is a multi part component.

Fieldset inherits the style from FormControl.

If you want to change the style of the component, please check here.

export const Fieldset: ComponentMultiStyle<"Fieldset"> = mergeMultiStyle(
  FormControl,
  {
    baseStyle: {
      legend: {
        display: "block",
        fontSize: "md",
        fontWeight: "medium",
        mb: "2",
        me: "3",
        opacity: 1,
        transitionDuration: "normal",
        transitionProperty: "common",
        _disabled: {
          opacity: 0.4,
        },
      },
    },
  },
)({ omit: ["label"] })

Copied!

Edit this page on GitHub

PreviousFormControl NextButton