@yamada-ui/react/dist/types/components/fieldset/fieldset.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps } from "../../core/system/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { FieldProps } from "../field/field.js";
import { FieldsetStyle } from "./fieldset.style.js";
import "../../index.js";
import * as react888 from "react";
import { ReactNode } from "react";

//#region src/components/fieldset/fieldset.d.ts
interface FieldsetContext extends Pick<FieldsetRootProps, "disabled" | "invalid" | "readOnly" | "required"> {
  id?: string;
}
declare const FieldsetContext: react888.Context<FieldsetContext | undefined>, useFieldsetContext: () => FieldsetContext | undefined;
interface FieldsetRootProps extends HTMLStyledProps<"fieldset">, ThemeProps<FieldsetStyle>, FieldProps {
  /**
   * The fieldset error message to use.
   */
  errorMessage?: ReactNode;
  /**
   * The fieldset helper message to use.
   */
  helperMessage?: ReactNode;
  /**
   * The fieldset legend to use.
   */
  legend?: ReactNode;
  /**
   * Props the content component.
   */
  contentProps?: FieldsetContentProps;
  /**
   * Props the error message component.
   */
  errorMessageProps?: FieldsetErrorMessageProps;
  /**
   * Props the header component.
   */
  headerProps?: FieldsetHeaderProps;
  /**
   * Props the helper message component.
   */
  helperMessageProps?: FieldsetHelperMessageProps;
  /**
   * Props the legend component.
   */
  legendProps?: FieldsetLegendProps;
}
declare const FieldsetPropsContext: react888.Context<Partial<FieldsetRootProps> | undefined>, useFieldsetPropsContext: () => Partial<FieldsetRootProps> | undefined;
/**
 * `Fieldset` is a component used to group multiple controls.
 *
 * @see https://yamada-ui.com/docs/components/fieldset
 */
declare const FieldsetRoot: Component<"fieldset", FieldsetRootProps>;
interface FieldsetLegendProps extends HTMLStyledProps<"legend"> {}
declare const FieldsetLegend: Component<"legend", FieldsetLegendProps>;
interface FieldsetHeaderProps extends HTMLStyledProps {}
declare const FieldsetHeader: Component<"div", FieldsetHeaderProps>;
interface FieldsetContentProps extends HTMLStyledProps {}
declare const FieldsetContent: Component<"div", FieldsetContentProps>;
interface FieldsetHelperMessageProps extends HTMLStyledProps<"span"> {}
declare const FieldsetHelperMessage: Component<"span", FieldsetHelperMessageProps>;
interface FieldsetErrorMessageProps extends HTMLStyledProps<"span"> {}
declare const FieldsetErrorMessage: Component<"span", FieldsetErrorMessageProps>;
//#endregion
export { FieldsetContent, FieldsetContentProps, FieldsetContext, FieldsetErrorMessage, FieldsetErrorMessageProps, FieldsetHeader, FieldsetHeaderProps, FieldsetHelperMessage, FieldsetHelperMessageProps, FieldsetLegend, FieldsetLegendProps, FieldsetPropsContext, FieldsetRoot, FieldsetRootProps, useFieldsetContext, useFieldsetPropsContext };
//# sourceMappingURL=fieldset.d.ts.map