formTextField.stories.mdx
Mon Mar 25 2024 17:12:37 GMT+0000 (Coordinated Universal Time)
Saved by
@rafal_rydz
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>
content_copyCOPY
Comments