import { Autocomplete } from '@arctic-kit/snow';function Demo() {return (<Autocompletesize="medium" label="Fruit name" placeholder="Enter fruit name"options={['Alfalfa Sprouts','Apple','Apricot','Artichoke','Asian Pear','Asparagus','Atemoya','Avocado','Bamboo Shoots','Banana','Bean Sprouts','Beans','Beets','Belgian Endive','Bell Peppers','Bitter Melon','Blackberries','Blueberries',]}/>);}
Props | Type | Default |
---|---|---|
className | string | undefined | --- |
containerClassName | string | undefined | --- |
containerStyle | CSSProperties | undefined | --- |
disabled | boolean | undefined | --- |
errorText | string | undefined | --- |
label | string | undefined | --- |
maxLength | number | undefined | --- |
onBlur | (((event: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLTextAreaElement>) => void) & ((event: ChangeEvent<HTMLInputElement>) => void)) | undefined | --- |
onChange | ((value: string) => void) | undefined | --- |
options | readonly (string | OptionType)[] | [] |
placeholder | string | undefined | Type to search |
prefix | ReactNode | --- |
prefixProps | HTMLAttributes<"div"> | undefined | --- |
readOnly | boolean | undefined | --- |
required | boolean | undefined | --- |
size | "small" | "medium" | "large" | --- |
style | CSSProperties | undefined | --- |
suffix | ReactNode | --- |
suffixProps | HTMLAttributes<"div"> | undefined | --- |
type | HTMLInputTypeAttribute | undefined | --- |
value | string | undefined | --- |