Merge pull request #959 from statisticsnorway/MIM-1690_input-name

Add name prop to input component
statisticsnorway · Jan 23, 2024 · eb85ceb · eb85ceb
2 parents 428b8ce + 49c8bcf
commit eb85ceb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@statisticsnorway/ssb-component-library",
-  "version": "2.0.96",
+  "version": "2.0.97",
   "description": "Component library for SSB (Statistics Norway)",
   "main": "lib/bundle.js",
   "scripts": {

diff --git a/src/components/Input/index.jsx b/src/components/Input/index.jsx
@@ -6,7 +6,7 @@ import InputError from '../InputError';
 
 const Input = forwardRef(({
 	role, ariaLabelWrapper, ariaLabel, ariaLabelledBy, ariaLabelSearchButton,
-	className, disabled, error, errorMessage, handleChange, id, label, negative, placeholder, searchField, submitCallback, type, value, onFocus, onBlur, size,
+	name, className, disabled, error, errorMessage, handleChange, id, label, negative, placeholder, searchField, submitCallback, type, value, onFocus, onBlur, size,
 }, ref) => {
 	const [inputValue, setValue] = useState(value);
 	const inputId = id || useId();
@@ -27,6 +27,7 @@ const Input = forwardRef(({
 			<div ref={ref} className="input-wrapper" role={searchField ? 'search' : role} aria-label={ariaLabelWrapper}>
 				<input
 					id={inputId}
+					name={name}
 					disabled={disabled}
 					type={type}
 					value={inputValue}
@@ -74,6 +75,7 @@ Input.propTypes = {
 	ariaLabel: PropTypes.string,
 	ariaLabelledBy: PropTypes.string,
 	ariaLabelSearchButton: PropTypes.string,
+	name: PropTypes.string,
 	className: PropTypes.string,
 	disabled: PropTypes.bool,
 	error: PropTypes.bool,