formTextAreaField.stories.mdx

PHOTO

Mon Mar 25 2024 17:12:56 GMT+0000 (Coordinated Universal Time)

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

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

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

# FormTextAreaField

This component renders a FormTextAreaField.

## 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: 10000,
        pattern: "",
        patternText: "Did not match pattern",
        disabled: false,
        type: "text",
        caption: ""
    }}
>
    {Template.bind({})}
</Story>

COPY