Skip to contentSkip to content
🚀 Influence MUI's 2026 roadmap! Take our latest Developer Survey

QuickFilterControl API

API reference docs for the React QuickFilterControl component. Learn about the props, CSS, and other APIs of this exported module.

Demos

Import

import { QuickFilterControl } from '@mui/x-data-grid/components';
// or
import { QuickFilterControl } from '@mui/x-data-grid';
// or
import { QuickFilterControl } from '@mui/x-data-grid-pro';
// or
import { QuickFilterControl } from '@mui/x-data-grid-premium';

Learn about the difference by reading this guide on minimizing bundle size.

Props

Type:string

Type:bool

Override or extend the styles applied to the component.

Type:func
| string

Type:'error'
| 'primary'

Type:bool

Type:bool

Type:bool

Type:string

Type:string

Type:ref

Type:node

Type:Partial
| Partial
| Partial

Type:bool

Type:func

Signature:
function(event: ChangeEvent) => void

    Type:string

    A function to customize rendering of the component.

    Type:ref

    Type:string

    Type:'medium'
    | 'small'

    Type:{}

    Type:CSSProperties

    Type:number

    Type:'button'
    | 'checkbox'
    | 'color'
    | 'date'
    | 'datetime-local'
    | 'email'
    | 'file'
    | 'hidden'
    | 'image'
    | 'month'
    | 'number'
    | 'password'
    | 'radio'
    | 'range'
    | 'reset'
    | 'search'
    | 'submit'
    | 'tel'
    | 'text'
    | 'time'
    | 'url'
    | 'week'
    | {}

    Type:string

    The ref is forwarded to the root element.

    Source code

    If you did not find the information in this page, consider having a look at the implementation of the component for more detail.