{message}
} {error && ( diff --git a/examples/apps/auth-sample/src/components/Fields.tsx b/examples/apps/auth-sample/src/components/Fields.tsx new file mode 100644 index 0000000..825f88a --- /dev/null +++ b/examples/apps/auth-sample/src/components/Fields.tsx @@ -0,0 +1,102 @@ +import {EyeIcon, EyeSlashIcon} from '@heroicons/react/24/outline'; +import clsx from 'clsx'; +import {ReactNode, InputHTMLAttributes, SelectHTMLAttributes} from 'react'; + +const formClasses = + 'block w-full appearance-none rounded-md border border-gray-200 bg-white py-[calc(theme(spacing.2)-1px)] px-[calc(theme(spacing.3)-1px)] text-gray-900 placeholder:text-gray-400 focus:border-orange-500 focus:outline-none focus:ring-orange-500 sm:text-sm'; + +interface LabelProps { + id: string; + children: ReactNode; +} + +function Label({id, children}: LabelProps) { + return ( + + ); +} + +interface TextFieldProps extends InputHTMLAttributes{subtitle}
+ )} +