# Searchbar

Wraps a table (or any other content) with a text input above it that live-filters rows by their own text — useful for a reference table long enough that scanning it by eye stops being practical:

<Searchbar>
| ID  | Name    | Age | Country   | Score |
|---- |---------|---- |-----------|-------|
| 1   | Alice   | 25  | USA       | 87    |
| 2   | Bob     | 30  | Canada    | 92    |
| 3   | Charlie | 28  | UK        | 75    |
| 4   | David   | 35  | Australia | 80    |
| 5   | Emma     | 22  | Germany   | 95    |
</Searchbar>

```mdx
<Searchbar>
| ID  | Name    | Age | Country   | Score |
|---- |---------|---- |-----------|-------|
| 1   | Alice   | 25  | USA       | 87    |
| 2   | Bob     | 30  | Canada    | 92    |
</Searchbar>
```

**`Searchbar` props**

<Parameter name="placeholder" type="string" default='"Search..."' />