import {FormAutocompleteField} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";
<Meta
title="Components/Inputs/FormAutocompleteField/old"
component={FormAutocompleteField}
/>
export const Template = (args) => <FormAutocompleteField {...args} />;
# FormAutocompleteField
This component renders an FormAutocompleteField.
## Props
<ArgsTable story="Default"/>
## Examples
<Story
name="Default"
args={{
id: "example",
label: "Label",
onType: (value) => {
return value;
},
onSelect: (value) => {
return value;
},
options: [
{id: "1", title: "Mark"},
{id: "2", title: "Anh"},
{id: "3", title: "Cosmin"},
{id: "4", title: "Rafal"},
{id: "5", title: "Jack"},
],
disabled: false,
caption: "",
value: "",
}}
>
{Template.bind({})}
</Story>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter