react-antd-admin-panel
Version:
Modern TypeScript-first React admin panel builder with Ant Design 6
55 lines • 1.47 kB
TypeScript
import React from 'react';
import { FormFieldBuilder, FormFieldBuilderConfig } from '../base/FormFieldBuilder';
export interface InputConfig extends FormFieldBuilderConfig {
type?: 'text' | 'password' | 'email' | 'number' | 'url' | 'tel';
maxLength?: number;
minLength?: number;
prefix?: React.ReactNode;
suffix?: React.ReactNode;
allowClear?: boolean;
addonBefore?: React.ReactNode;
addonAfter?: React.ReactNode;
}
/**
* Input Field Builder
* Wrapper for Ant Design Input component with builder pattern
*/
export declare class Input extends FormFieldBuilder<InputConfig, string> {
/**
* Set input type
*/
type(value: 'text' | 'password' | 'email' | 'number' | 'url' | 'tel'): this;
/**
* Set maximum length
*/
maxLength(value: number): this;
/**
* Set minimum length
*/
minLength(value: number): this;
/**
* Set prefix icon or element
*/
prefix(element: React.ReactNode): this;
/**
* Set suffix icon or element
*/
suffix(element: React.ReactNode): this;
/**
* Enable clear button
*/
allowClear(value?: boolean): this;
/**
* Set addon before input
*/
addonBefore(element: React.ReactNode): this;
/**
* Set addon after input
*/
addonAfter(element: React.ReactNode): this;
/**
* Render the input component
*/
render(): React.ReactNode;
}
//# sourceMappingURL=Input.d.ts.map