# Search Bar

* **Component**: \<Search/>
* **Path**: /components/home/search.tsx
* **Import**:

```typescript
import { Search } from "@/components/home/search";
```

<figure><img src="https://865796172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FntKe5sSLfvbHfpqI4xbm%2Fuploads%2FUdoApTE1zv1ryppF7TNf%2FCapture%20d%E2%80%99%C3%A9cran%202024-06-18%20132419.png?alt=media&#x26;token=724ae01a-9cba-4a07-9222-d4536e37564d" alt=""><figcaption><p>Search Bar</p></figcaption></figure>

A basic search input controlled by a `useState` (`searchTerm` and `setSearchTerm`) so you can re-use it wherever you need it.

{% hint style="info" %}
By default, this search bar is only used on `components/main-layout.tsx`, check this file  if you want to see an example.
{% endhint %}