hoda-react
Version:
<div align="center"> <h1>:construction: flowbite-react (unreleased) :construction:</h1> <p> <a href="https://flowbite-react.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src=".github/assets/flowbite-react-github.png"> <
45 lines (44 loc) • 1.53 kB
TypeScript
import type { ComponentProps, FC, ReactNode } from 'react';
import { DeepPartial } from '..';
import type { FlowbiteBoolean, FlowbiteColors, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
export interface FlowbiteTextInputTheme {
base: string;
addon: string;
field: {
base: string;
icon: {
base: string;
svg: string;
};
rightIcon: {
base: string;
svg: string;
};
input: {
base: string;
sizes: TextInputSizes;
colors: TextInputColors;
withIcon: FlowbiteBoolean;
withRightIcon: FlowbiteBoolean;
withAddon: FlowbiteBoolean;
withShadow: FlowbiteBoolean;
};
};
}
export interface TextInputColors extends Pick<FlowbiteColors, 'gray' | 'info' | 'failure' | 'warning' | 'success'> {
[key: string]: string;
}
export interface TextInputSizes extends Pick<FlowbiteSizes, 'sm' | 'md' | 'lg'> {
[key: string]: string;
}
export interface TextInputProps extends Omit<ComponentProps<'input'>, 'ref' | 'color'> {
sizing?: keyof TextInputSizes;
shadow?: boolean;
helperText?: ReactNode;
addon?: ReactNode;
icon?: FC<ComponentProps<'svg'>>;
rightIcon?: FC<ComponentProps<'svg'>>;
color?: keyof TextInputColors;
theme?: DeepPartial<FlowbiteTextInputTheme>;
}
export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;