@cfxjs/react-ui
Version:
Modern and minimalist React UI library.
39 lines (38 loc) • 1.37 kB
TypeScript
import React from 'react';
import { NormalSizes, InputColors, InputVariantTypes } from 'components/utils/prop-types';
export interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'> {
variant?: InputVariantTypes;
placeholder?: string;
size?: NormalSizes;
htmlSize?: React.InputHTMLAttributes<HTMLInputElement>['size'];
color?: InputColors;
readOnly?: boolean;
disabled?: boolean;
label?: string;
labelRight?: string;
icon?: React.ReactNode;
iconRight?: React.ReactNode;
iconClickable?: boolean;
iconRightClickable?: boolean;
htmlWidth?: React.InputHTMLAttributes<HTMLInputElement>['width'];
width?: string;
className?: string;
clearable?: boolean;
onClearClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
onIconClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
onIconRightClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
}
export declare const defaultProps: {
variant: "solid" | "line";
disabled: boolean;
readOnly: boolean;
clearable: boolean;
iconClickable: boolean;
iconRightClickable: boolean;
width: string;
size: "mini" | "small" | "medium" | "large";
color: "default" | "primary" | "success" | "warning" | "error";
autoComplete: string;
className: string;
placeholder: string;
};