From 93221598eb33561b929c335c5ffa20fa2ebe5ed8 Mon Sep 17 00:00:00 2001
From: majakomel <maja.komel@gmail.com>
Date: Thu, 18 Jul 2024 14:41:01 +0200
Subject: [PATCH] Add name attr to Input and Textarea

---
 src/components/Input.tsx    | 3 ++-
 src/components/Textarea.tsx | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index fabeb36a..ecff186f 100644
--- 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
index 1965dccc..f17fc650 100644
--- 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={{