# snk-filter-item



<!-- Auto Generated Below -->


## Properties

| Property     | Attribute    | Description                                                                       | Type                                   | Default     |
| ------------ | ------------ | --------------------------------------------------------------------------------- | -------------------------------------- | ----------- |
| `config`     | --           | Define as configurações do componente snk-filter-item.                            | `SnkFilterItemConfig`                  | `undefined` |
| `getMessage` | --           | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder. | `(key: string, props?: any) => string` | `undefined` |
| `showChips`  | `show-chips` | Usado para controlar a visibilidade dos chips de filtros                          | `boolean`                              | `true`      |


## Events

| Event            | Description                                                       | Type                               |
| ---------------- | ----------------------------------------------------------------- | ---------------------------------- |
| `filterChange`   | Emitido quando há uma alteração nos filtros.                      | `CustomEvent<SnkFilterItemConfig>` |
| `visibleChanged` | Emitido quando o detalhe de um item da lista é aberto ou fechado. | `CustomEvent<boolean>`             |


## Methods

### `hideDetail() => Promise<void>`

Oculta os detalhes de um item da lista.

#### Returns

Type: `Promise<void>`

---

### `showUp(open?: boolean) => Promise<void>`

Exibe os detalhes de um item da lista.

#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [snk-filter-bar](..)

### Depends on

- [snk-filter-detail](.)

### Graph
```mermaid
graph TD;
  snk-filter-item --> snk-filter-detail
  snk-filter-bar --> snk-filter-item
  style snk-filter-item fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------