import {FormSelectField} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";
<Meta title="Components/Inputs/FormSelectField/old" component={FormSelectField}/>
export const Template = (args) => <FormSelectField {...args} />;
# FormSelectField
This component renders an FormSelectField.
## Props
<ArgsTable story="Default"/>
## Examples
<Story
name="Default"
args={{
id: "example",
label: "Label",
labelIcon: "home",
action: () => {
},
defaultValue: "",
selectGroup: [
{id: "1", value: "Option1"},
{id: "2", value: "Option2"},
{id: "3", value: "Option3"},
],
required: true,
disabled: false,
caption: "",
}}
>
{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