@papernote/ui
Version:
A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive
35 lines • 1.14 kB
TypeScript
import React from 'react';
export interface AutocompleteHandle {
focus: () => void;
blur: () => void;
}
export interface AutocompleteOption {
value: string;
label: string;
description?: string;
metadata?: Record<string, unknown>;
/** If true, renders as a non-selectable section header */
isHeader?: boolean;
}
export interface AutocompleteProps {
value: string;
onChange: (value: string, option?: AutocompleteOption) => void;
options?: AutocompleteOption[];
onSearch?: (query: string) => Promise<AutocompleteOption[]>;
label?: string;
placeholder?: string;
required?: boolean;
disabled?: boolean;
error?: string;
helperText?: string;
minChars?: number;
debounceMs?: number;
maxResults?: number;
clearable?: boolean;
className?: string;
/** Show static options dropdown on focus when input is empty. Default: true */
showOptionsOnFocus?: boolean;
}
declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<AutocompleteHandle>>;
export default Autocomplete;
//# sourceMappingURL=Autocomplete.d.ts.map