@aliretail/react-materials-components/demo/Filter/README.md

B 端物料组件库

---
title: Filter-API
order: 3
category: UI
description: Filter 组件描述
screenshot: https://gw.alicdn.com/imgextra/i2/O1CN01yW3hCD1M8CnqeKFlq_!!6000000001389-2-tps-90-90.png
---

主要用在 filter 搜索，表单布局场景。可以指定子元素分为几列展示，也可以指定每个子元素占据多少行多少列。

## API

### AliretailFilterX

| 成员        | 说明           | 类型               | 默认值       |
|-------------|----------------|--------------------|--------------|
| cols  | 子元素分几列展示   | Number | 4        |
| minDisplayRows  | 最小显示行数，超过则自动收起 | Number | 1        |
| alwaysShowItems  | 是否一直显示所有子元素   | Boolean | true        |
| buttons  | 规定按钮如何渲染及布局   | Object | {}        |
| showDefaultButton  | 是否显示默认按钮(查询按钮和重置按钮)   | Boolean | false |


buttons包含以下配置属性

- render: 渲染按钮方法

### AliretailFilterX子元素

| 成员        | 说明           | 类型               | 默认值       |
|-------------|----------------|--------------------|--------------|
| colSpan  | 子元素占几列   | Number | 1        |
| rowSpan  | 子元素占几行 | Number | 1        |