• Version 1.1.0
  • Published
  • 214 kB
  • 9 dependencies
  • MIT license


npm i @ant-design/compatible
yarn add @ant-design/compatible
pnpm add @ant-design/compatible


Ant Design v3 to v4 compatible package



variable Icon

const Icon: IconComponent<IconProps>;


    class Form

    class Form extends React.Component<FormProps, any> {}


      constructor(props: FormProps);

        property create

        static create: <TOwnProps extends FormComponentProps<any>>(
        options?: FormCreateOption<TOwnProps>
        ) => FormWrappedProps<TOwnProps>;

          property createFormField

          static createFormField: any;

            property defaultProps

            static defaultProps: {
            colon: boolean;
            layout: 'inline' | 'horizontal' | 'vertical';
            hideRequiredMark: boolean;
            onSubmit(e: React.FormEvent<HTMLFormElement>): void;

              property Item

              static Item: typeof FormItem;

                property renderForm

                renderForm: ({ getPrefixCls }: ConfigConsumerProps) => JSX.Element;

                  method componentDidMount

                  componentDidMount: () => void;

                    method render

                    render: () => JSX.Element;

                      class Mention

                      class Mention extends React.Component<MentionProps, MentionState> {}


                        constructor(props: MentionProps);

                          property defaultProps

                          static defaultProps: {
                          notFoundContent: string;
                          loading: boolean;
                          multiLines: boolean;
                          placement: MentionPlacement;

                            property focus

                            focus: () => void;

                              property getMentions

                              static getMentions: any;

                                property mentionRef

                                mentionRef: (ele: any) => void;

                                  property Nav

                                  static Nav: any;

                                    property onBlur

                                    onBlur: (ev: React.FocusEvent<HTMLElement>) => void;

                                      property onChange

                                      onChange: (editorState: any) => void;

                                        property onFocus

                                        onFocus: (ev: React.FocusEvent<HTMLElement>) => void;

                                          property onSearchChange

                                          onSearchChange: (value: string, prefix: string) => any;

                                            property renderMention

                                            renderMention: ({ getPrefixCls }: ConfigConsumerProps) => JSX.Element;

                                              property toContentState

                                              static toContentState: any;

                                                property toString

                                                static toString: any;

                                                  method defaultSearchChange

                                                  defaultSearchChange: (value: string) => void;

                                                    method render

                                                    render: () => JSX.Element;

                                                      Package Files (4)

                                                      Dependencies (9)

                                                      Dev Dependencies (12)

                                                      Peer Dependencies (3)


                                                      To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                                      You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/@ant-design/compatible.

                                                      • Markdown
                                                      • HTML
                                                        <a href="https://www.jsdocs.io/package/@ant-design/compatible"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>