@vela-ui/react/dist/components/search-field.d.ts

Vela UI React components

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import { SearchField as SearchField$1 } from 'react-aria-components';
import { FieldProps } from './field.js';
import { InputGroupProps } from './input.js';

declare const searchFieldVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "group flex flex-col gap-2 data-[empty=true]:[&_button]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "group flex flex-col gap-2 data-[empty=true]:[&_button]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none", unknown, unknown, undefined>>;
interface SearchFieldProps extends FieldProps, React.ComponentProps<typeof SearchField$1>, VariantProps<typeof searchFieldVariants> {
    size?: InputGroupProps["size"];
    startElement?: React.ReactNode;
    endElement?: React.ReactNode;
}
declare function SearchField({ placeholder, label, description, errorMessage, size, className, startElement, endElement, ...props }: SearchFieldProps): react_jsx_runtime.JSX.Element;

export { SearchField, type SearchFieldProps };