Preview:
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>
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