Version:

Install ​

shell
npm i @mate-react/filter-panel

Import ​

tsx
import { MateFilterPanel } from '@mate-react/filter-panel';
import { MateTextField } from '@mate-react/text-field';

Variants ​

Default ​

tsx
<MateFilterPanel>
  <MateTextField label="Search" />
</MateFilterPanel>

With Toggle Button ​

tsx
<MateFilterPanel toggleButtonVisible>
  <MateTextField label="Search" />
  <MateComboBox label="Category" items={items} />
</MateFilterPanel>