UNPKG

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
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>>;