@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
45 lines (44 loc) • 1.81 kB
TypeScript
import { type ReactNode } from 'react';
import { type CollapseProps } from "../../Collapse";
import type { FormItemProps } from "./FormItem";
import { type IconProps } from "../../Icon";
export type FormVariant = 'default' | 'block' | 'ghost' | 'pure';
export type ItemsType = 'group' | 'flat';
export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
blockStyle: import("antd-style").SerializedStyles;
defaultStyle: import("antd-style").SerializedStyles;
flatGroup: import("antd-style").SerializedStyles;
ghostStyle: import("antd-style").SerializedStyles;
icon: import("antd-style").SerializedStyles;
mobileFlatGroup: import("antd-style").SerializedStyles;
mobileGroupBody: import("antd-style").SerializedStyles;
mobileGroupHeader: import("antd-style").SerializedStyles;
pure: import("antd-style").SerializedStyles;
pureStyle: import("antd-style").SerializedStyles;
pureTitle: import("antd-style").SerializedStyles;
title: import("antd-style").SerializedStyles;
}>;
export interface ItemGroup {
children: FormItemProps[] | ReactNode;
collapsible?: boolean;
defaultActive?: boolean;
extra?: ReactNode;
icon?: IconProps['icon'];
key?: string;
title: ReactNode;
variant?: FormVariant;
}
export interface FormGroupProps extends Omit<CollapseProps, 'collapsible' | 'items' | 'defaultActiveKey' | 'activeKey'> {
active?: boolean;
children: ReactNode;
collapsible?: boolean;
defaultActive?: boolean;
extra?: ReactNode;
icon?: IconProps['icon'];
keyValue?: string | number;
onCollapse?: (active: boolean) => void;
title?: ReactNode;
variant?: FormVariant;
}
declare const FormGroup: import("react").NamedExoticComponent<FormGroupProps>;
export default FormGroup;