Searchbar
The Searchbar component is a wrapper you can add to tables. It'll show a input to let users filter the content inside the wrapper. Below you see examples.
Tables
| 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 |
Code for table searchbar
<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>