# Quick Filter

![Quick Filter](https://1117313960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzMJAXNyRSI4WE3Jt4z%2Fsync%2Fd68b2cb5664cf908690d900bc8d4c6c9e84b9b9d.png?generation=1600778694348927\&alt=media)

## Description:

Quick Filter

Quick Filter is a component used to filter the data. e.g. Using quick filters, we can filter the necessary data by filtering out all the data that do not fit the criteria.

### Allowed Parent Components:

1. Card Header
2. Col

### Allowed Child Components:

1. Popover
2. Pulse
3. Quick Filter Attribute
4. Trigger Before Render

### Properties

### ➤ Data Source Alias

Select the DataSource Alias name to perform actions on the store behind this DataSource Alias.

Allowed Values: Select the DataSource Alias name to perform actions on the store behind this DataSource Alias.

### ➤ Items Label

The items label is text inside the input box, indicating the type of the items being filtered. e.g. rows, folders

Allowed Values: Free text field

### ➤ Placeholder

The placeholder places text inside an input box, indicating what type of content is expected from the user.

Allowed Values: Free text field

### ➤ Remote Filter

Check this to filter results by querying the datasource.

Allowed Values: Yes/No

### ➤ Allow Blind Query

Check this to restrict querying without any filters

Allowed Values: Yes/No

### ➤ Width

Provide numerical value to set width.

Allowed Values: Any number value

### ➤ Borderless

Allowed Values: Yes/No

### ➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

### ➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

### ➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

### ➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

### ➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

### ➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

### ➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

### ➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

### ➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

### ➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value