diff --git a/packages/example/src/lib/form/TextFieldFormInput.tsx b/packages/example/src/lib/form/TextFieldFormInput.tsx index ea596b0..907fbde 100644 --- a/packages/example/src/lib/form/TextFieldFormInput.tsx +++ b/packages/example/src/lib/form/TextFieldFormInput.tsx @@ -1,4 +1,4 @@ -import { Callout, Flex, TextField } from "@radix-ui/themes" +import { Callout, Flex, Spinner, TextField } from "@radix-ui/themes" import { Array, Option } from "effect" import { Component, Form } from "effect-fc" import { useSubscribables } from "effect-fc/hooks" @@ -24,7 +24,13 @@ export class TextFieldFormInput extends Component.makeUntraced("TextFieldFormInp onChange={e => setValue(e.target.value)} disabled={isSubmitting} {...props} - /> + > + {isValidating && + + + + } + {Option.match(Array.head(issues), { onSome: issue => (