import {FormTextField} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";

<Meta title="Components/Inputs/FormTextField/old" component={FormTextField}/>

export const Template = (args) => (
    <FormTextField
        {...args}
        value={args.value && args.value !== 0 ? args.value : undefined}
    />
);

# FormTextField

This component renders an FormTextField.

## Props

<ArgsTable story="Default"/>

## Examples

<Story
    name="Default"
    args={{
        id: "example",
        label: "Label",
        labelIcon: "funnel",
        placeholder: "Placeholder text",
        value: undefined,
        defaultValue: undefined,
        onChange: () => {
        },
        required: true,
        minLength: 0,
        maxLength: 100,
        pattern: "",
        patternText: "Did not match pattern",
        disabled: false,
        type: "text",
        caption: ""
    }}
>
    {Template.bind({})}
</Story>