@saas-ui/search-input/dist/search-input.d.ts

A search input for Chakra UI

import * as React from 'react';
import { InputProps, ThemingProps } from '@chakra-ui/react';
export interface SearchInputProps extends ThemingProps<'SearchInput'>, Omit<InputProps, 'size' | 'variant'> {
    /**
     * The placeholder text for the input
     * @type string
     * @default Search
     */
    placeholder?: string;
    /**
     * The icon to render before the input text
     * @type React.ReactElement
     */
    icon?: React.ReactElement;
    /**
     * The icon to render in the reset button
     * @type React.ReactElement
     */
    resetIcon?: React.ReactElement;
    /**
     * Right element rendered when the value is empty
     * @type React.ReactElement
     */
    rightElement?: React.ReactElement;
    /**
     * Callback to trigger when the reset button is clicked or escape key is pressed
     */
    onReset?: () => void;
}
export declare const SearchInput: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", SearchInputProps>;
//# sourceMappingURL=search-input.d.ts.map