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