diff --git a/README.md b/README.md
index c3be8bb..ec062e1 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,13 @@
-# React Search Suggestions
+# React Input Suggestions
 
 <div align="center">
-  <img src="https://raw.githubusercontent.com/adhamu/react-search-suggestions/main/demo.png" alt="demo"/>
+  <img src="https://raw.githubusercontent.com/adhamu/react-input-suggestions/main/demo.png" alt="demo"/>
 
-A React input component with pluggable search suggestions.
+A React input component with pluggable search suggestions and autocomplete.
 
 Also includes arrow key navigation through results.
 
-[![Build](https://github.com/adhamu/react-search-suggestions/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/adhamu/react-search-suggestions/actions)
+[![Build](https://github.com/adhamu/react-input-suggestions/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/adhamu/react-search-suggestions/actions)
 
 </div>
 
@@ -18,17 +18,17 @@ Also includes arrow key navigation through results.
 ## Installation
 
 ```shell
-yarn add react-search-suggestions
+yarn add react-input-suggestions
 ```
 
 ## Usage
 
 ```jsx
 import React from 'react'
-import { SearchSuggestions } from 'react-search-suggestions'
+import { InputSuggestions } from 'react-input-suggestions'
 
 const MyComponent = () => (
-  <SearchSuggestions
+  <InputSuggestions
     autoFocus
     suggestions={[
       'polite',
@@ -80,14 +80,14 @@ If you wanted to do something else `onClick` or `onKeyDown`, you could do someth
 
 ```jsx
 import React from 'react'
-import { SearchSuggestions } from 'react-search-suggestions'
+import { InputSuggestions } from 'react-input-suggestions'
 
 const customFunction = (arg: string) => {
   console.log(arg)
 }
 
 const MyComponent = () => (
-  <SearchSuggestions
+  <InputSuggestions
     autoFocus
     suggestions={[
       'polite',
@@ -119,23 +119,24 @@ export default MyComponent
 
 ## Props
 
-| Prop                | Description                                                                            | Type              | Default     | Required? |
-| ------------------- | -------------------------------------------------------------------------------------- | ----------------- | ----------- | --------- |
-| `suggestions`       | A collection of HTML elements or React components used for search suggestions          | React.ReactNode[] |             | Y         |
-| `id`                | ID for entire component                                                                | string            | `undefined` | N         |
-| `className`         | Optional class name to style component                                                 | string            | `''`        | N         |
-| `name`              | Input name                                                                             | string            | `'q'`       | N         |
-| `placeholder`       | Input placeholder                                                                      | string            | `'Search'`  | N         |
-| `autoFocus`         | Input autoFocus                                                                        | boolean           | `false`     | N         |
-| `onChange`          | Input onChange handler                                                                 | function          | `undefined` | N         |
-| `withStyles`        | Basic styling for the component                                                        | boolean           | `false`     | N         |
-| `highlightKeywords` | Highlight letters that match search term by wrapping a `<mark>` tag around suggestions | boolean           | `false`     | N         |
+| Prop                | Description                                                                            | Type               | Default     | Required? |
+| ------------------- | -------------------------------------------------------------------------------------- | ------------------ | ----------- | --------- |
+| `suggestions`       | A collection of HTML elements or React components used for search suggestions          | React.ReactNode[]  |             | Y         |
+| `id`                | ID for entire component                                                                | string             | `undefined` | N         |
+| `type`              | Input type                                                                             | 'search' \| 'text' | `search`    | N         |
+| `className`         | Optional class name to style component                                                 | string             | `''`        | N         |
+| `name`              | Input name                                                                             | string             | `'q'`       | N         |
+| `placeholder`       | Input placeholder                                                                      | string             | `'Search'`  | N         |
+| `autoFocus`         | Input autoFocus                                                                        | boolean            | `false`     | N         |
+| `onChange`          | Input onChange handler                                                                 | function           | `undefined` | N         |
+| `withStyles`        | Basic styling for the component                                                        | boolean            | `false`     | N         |
+| `highlightKeywords` | Highlight letters that match search term by wrapping a `<mark>` tag around suggestions | boolean            | `false`     | N         |
 
 ## Styling
 
 By default, the component comes with almost no styles. Given the semantic nature of the markup, it is quite easy to target these with CSS. As mentioned above, you can provide a `className` to the component for this.
 
-Alternatively, you can set the `withStyles` prop to `true` to achieve some very basic styling. An example of this can be seen on [GitHub Pages](http://adhamu.github.io/react-search-suggestions/).
+Alternatively, you can set the `withStyles` prop to `true` to achieve some very basic styling. An example of this can be seen on [GitHub Pages](http://adhamu.github.io/react-input-suggestions/).
 
 **Important**: The `:focus` attribute on each top level element's search suggestion is what powers the active state of a selected element. Refer to the [HTML Structure](#html-structure) above to correctly determine any CSS selectors.
 
diff --git a/package.json b/package.json
index da12cfb..9761f8a 100644
--- a/package.json
+++ b/package.json
@@ -1,19 +1,20 @@
 {
-  "name": "react-search-suggestions",
+  "name": "react-input-suggestions",
   "version": "1.0.0",
-  "description": "A React input component with pluggable search suggestions.",
+  "description": "A React input component with pluggable suggestions and autocomplete",
   "keywords": [
     "react",
-    "autcomplete",
+    "autocomplete",
     "search",
     "suggestions",
     "typescript",
     "arrow key navigation",
-    "esbuild"
+    "esbuild",
+    "input"
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/adhamu/react-search-suggestions"
+    "url": "https://github.com/adhamu/react-input-suggestions"
   },
   "license": "MIT",
   "author": "Amit Dhamu <dev@amitd.co>",
diff --git a/public/index.html b/public/index.html
index d1468cb..0ffd9db 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
 
 <head>
-  <title>React Search Suggestions</title>
+  <title>React Input Suggestions</title>
   <meta charset="utf-8" />
-  <meta name="description" content="React Search Suggestions" />
+  <meta name="description" content="React Input Suggestions" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="preconnect" href="https://fonts.gstatic.com" />
   <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap" rel="stylesheet" />
@@ -21,10 +21,6 @@
       margin-bottom: 1.5rem;
     }
 
-    .searchSuggestions ul {
-      top: calc(100% - 3px);
-    }
-
     mark {
       background: transparent;
       font-weight: bold;
@@ -34,7 +30,7 @@
 </head>
 
 <body>
-  <h1>React Search Suggestions</h1>
+  <h1>React Input Suggestions</h1>
   <main id="app"></main>
   <script type="module" src="./script.js"></script>
 </body>
diff --git a/src/SearchSuggestions.tsx b/src/InputSuggestions.tsx
similarity index 95%
rename from src/SearchSuggestions.tsx
rename to src/InputSuggestions.tsx
index 2421705..36e0d9a 100644
--- a/src/SearchSuggestions.tsx
+++ b/src/InputSuggestions.tsx
@@ -6,8 +6,9 @@ import { getElementText, wrapElementText } from './elementText'
 import { Styled } from './styled'
 import { useSuggestions } from './useSuggestions'
 
-const SearchSuggestions = ({
+const InputSuggestions = ({
   suggestions,
+  type = 'search',
   name = 'q',
   placeholder = 'Search',
   autoFocus = false,
@@ -37,7 +38,7 @@ const SearchSuggestions = ({
     <Styled id={id} className={className} withTheme={withTheme}>
       <input
         ref={inputSearchRef}
-        type="search"
+        type={type}
         name={name}
         placeholder={placeholder}
         autoFocus={autoFocus}
@@ -76,4 +77,4 @@ const SearchSuggestions = ({
   )
 }
 
-export default SearchSuggestions
+export default InputSuggestions
diff --git a/src/__tests__/SearchSuggestions.test.tsx b/src/__tests__/InputSuggestions.test.tsx
similarity index 82%
rename from src/__tests__/SearchSuggestions.test.tsx
rename to src/__tests__/InputSuggestions.test.tsx
index e12436c..7ac1aeb 100644
--- a/src/__tests__/SearchSuggestions.test.tsx
+++ b/src/__tests__/InputSuggestions.test.tsx
@@ -3,7 +3,7 @@ import React from 'react'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 
-import SearchSuggestions from '../SearchSuggestions'
+import InputSuggestions from '../InputSuggestions'
 import * as elementText from '../elementText'
 
 const suggestions = ['reddit', 'facebook', 'twitter'].map(word => (
@@ -12,7 +12,7 @@ const suggestions = ['reddit', 'facebook', 'twitter'].map(word => (
   </a>
 ))
 
-describe('SearchSuggestions', () => {
+describe('InputSuggestions', () => {
   const mockGetElementText = jest.spyOn(elementText, 'getElementText')
   const mockWrapElementText = jest.spyOn(elementText, 'wrapElementText')
 
@@ -20,7 +20,7 @@ describe('SearchSuggestions', () => {
 
   describe('renders correctly with default options', () => {
     beforeEach(() => {
-      render(<SearchSuggestions suggestions={suggestions} />)
+      render(<InputSuggestions suggestions={suggestions} />)
     })
 
     it('has the correct type', () => {
@@ -75,15 +75,21 @@ describe('SearchSuggestions', () => {
   })
 
   describe('renders correctly with custom options', () => {
+    it('has the correct type', () => {
+      render(<InputSuggestions suggestions={suggestions} type="text" />)
+
+      expect(screen.getByRole('textbox')).toHaveAttribute('type', 'text')
+    })
+
     it('sets the name attribute', () => {
-      render(<SearchSuggestions suggestions={suggestions} name="search" />)
+      render(<InputSuggestions suggestions={suggestions} name="search" />)
 
       expect(screen.getByRole('searchbox')).toHaveAttribute('name', 'search')
     })
 
     it('sets the placeholder attribute', () => {
       render(
-        <SearchSuggestions
+        <InputSuggestions
           suggestions={suggestions}
           placeholder="Enter keywords"
         />
@@ -96,14 +102,14 @@ describe('SearchSuggestions', () => {
     })
 
     it('sets autoFocus', () => {
-      render(<SearchSuggestions suggestions={suggestions} autoFocus />)
+      render(<InputSuggestions suggestions={suggestions} autoFocus />)
 
       expect(screen.getByRole('searchbox')).toHaveFocus()
     })
 
     it('sets an ID', () => {
       const { container } = render(
-        <SearchSuggestions suggestions={suggestions} id="react-search" />
+        <InputSuggestions suggestions={suggestions} id="react-search" />
       )
 
       // eslint-disable-next-line testing-library/no-node-access
@@ -112,7 +118,7 @@ describe('SearchSuggestions', () => {
 
     it('sets a className', () => {
       const { container } = render(
-        <SearchSuggestions suggestions={suggestions} className="react-search" />
+        <InputSuggestions suggestions={suggestions} className="react-search" />
       )
 
       // eslint-disable-next-line testing-library/no-node-access
@@ -120,7 +126,7 @@ describe('SearchSuggestions', () => {
     })
 
     it('calls wrapElementText when highlightKeywords provided', () => {
-      render(<SearchSuggestions suggestions={suggestions} highlightKeywords />)
+      render(<InputSuggestions suggestions={suggestions} highlightKeywords />)
 
       userEvent.type(screen.getByRole('searchbox'), 't')
 
@@ -132,7 +138,7 @@ describe('SearchSuggestions', () => {
     const mockOnChange = jest.fn()
 
     render(
-      <SearchSuggestions suggestions={suggestions} onChange={mockOnChange} />
+      <InputSuggestions suggestions={suggestions} onChange={mockOnChange} />
     )
 
     expect(mockOnChange).not.toHaveBeenCalled()
@@ -144,7 +150,7 @@ describe('SearchSuggestions', () => {
   })
 
   it('shows filtered search suggestions based on input entered', () => {
-    render(<SearchSuggestions suggestions={suggestions} />)
+    render(<InputSuggestions suggestions={suggestions} />)
 
     expect(screen.queryByRole('list')).not.toBeInTheDocument()
 
diff --git a/src/__tests__/styled.test.tsx b/src/__tests__/styled.test.tsx
index 5f2205f..46448c9 100644
--- a/src/__tests__/styled.test.tsx
+++ b/src/__tests__/styled.test.tsx
@@ -4,7 +4,7 @@ import { render } from '@testing-library/react'
 
 import { Styled } from '../styled'
 
-describe('Search Suggestion Styles', () => {
+describe('Input Suggestion Styles', () => {
   it('has the correct styles without theme', () => {
     const { container } = render(<Styled>Hello world</Styled>)
 
diff --git a/src/example/App.tsx b/src/example/App.tsx
index 6ea4b94..962e82f 100644
--- a/src/example/App.tsx
+++ b/src/example/App.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SearchSuggestions } from '..'
+import { InputSuggestions } from '..'
 
 const suggestions = [
   'polite',
@@ -60,7 +60,7 @@ const suggestions = [
 ))
 
 const App = (): JSX.Element => (
-  <SearchSuggestions
+  <InputSuggestions
     suggestions={suggestions}
     autoFocus
     withTheme
diff --git a/src/index.ts b/src/index.ts
index ee8d567..1a0db8f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1,3 @@
 export type { Props } from './types'
 export { useSuggestions } from './useSuggestions'
-export { default as SearchSuggestions } from './SearchSuggestions'
+export { default as InputSuggestions } from './InputSuggestions'
diff --git a/src/types.ts b/src/types.ts
index 2aeb395..47c7759 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -2,6 +2,7 @@ import type React from 'react'
 
 export type Props = {
   id?: string
+  type?: 'search' | 'text'
   suggestions: React.ReactNode[]
   className?: string
   name?: string