Skip to main content

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

IDNameAgeCountryScore
1Alice25USA87
2Bob30Canada92
3Charlie28UK75
4David35Australia80
5Emma22Germany95
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>