Add name attr to Input and Textarea

ooni · Jul 18, 2024 · 9322159 · 9322159
1 parent d65280f
commit 9322159
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react'
 import { InputProps as IP } from 'types'
 import { getMarginProps, omitMarginProps } from '../utils'
-import ErrorMessage from './ErrorMessage'
 import Box from './Box'
+import ErrorMessage from './ErrorMessage'
 import Text from './Text'
 
 export interface InputProps extends IP {
@@ -24,6 +24,7 @@ const Input = forwardRef(({ error, name, label, ...rest }: InputProps, ref) => {
         type="text"
         tx="forms"
         id={name}
+        name={name}
         variant={error ? 'errorInput' : 'forms.input'}
         {...omitMarginProps(rest)}
         __css={{

diff --git a/src/components/Textarea.tsx b/src/components/Textarea.tsx
@@ -1,8 +1,8 @@
 import React, { ReactElement, forwardRef } from 'react'
 import { TextareaProps as TP } from 'types'
 import { getMarginProps, omitMarginProps } from '../utils'
-import ErrorMessage from './ErrorMessage'
 import Box from './Box'
+import ErrorMessage from './ErrorMessage'
 import Text from './Text'
 
 export interface TextareaProps extends TP {
@@ -30,6 +30,8 @@ const Textarea = forwardRef(
           ref={ref}
           as="textarea"
           tx="forms"
+          name={name}
+          id={name}
           variant={error ? 'errorTextarea' : 'textarea'}
           {...omitMarginProps(rest)}
           __css={{