# 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>