expose role variable so its possible to change it

navikt · Jan 25, 2024 · 676e95d · 676e95d
1 parent 2b23f6a
commit 676e95d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/@navikt/core/react/src/form/search/Search.tsx b/@navikt/core/react/src/form/search/Search.tsx
@@ -66,6 +66,10 @@ export interface SearchProps
    * Exposes the HTML size attribute
    */
   htmlSize?: number | string;
+    /*
+   * Exposes role attribute
+   */
+  role?: string
 }
 
 interface SearchComponent
@@ -114,6 +118,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(
       onChange,
       onSearchClick,
       htmlSize,
+      role,
       ...rest
     } = props;
 
@@ -205,7 +210,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(
               value={value ?? internalValue}
               onChange={(e) => handleChange(e.target.value)}
               type="search"
-              role="searchbox"
+              role={role ?? 'searchbox'}
               className={cl(
                 className,
                 "navds-search__input",