Skip to contentSkip to content
🚀 Material UI and MUI X v9 are out! Check out the announcement blogpost.

QuickFilterClear API

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

Demos

Import

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

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



A button that resets the filter value. It renders the baseIconButton slot.

Props

Override or extend the styles applied to the component.

Type:func
| string

The color of the button.

Type:'default'
| 'inherit'
| 'primary'

The component used for the root node. Either a string to use an HTML element or a component.

Type:elementType

If true, the button is disabled.

Type:bool

If given, uses a negative margin to align the button with the edge of its container.

Type:'end'
| 'start'
| false

The URL to link to. If set, and component is not set, the component renders as an anchor tag.

Type:string

The id of the button element.

Type:string

The label of the button.

Type:string

The relationship of the linked URL. Set it to noopener noreferrer when target is set to _blank to avoid a security issue.

Type:string

A function to customize rendering of the component.

Type:element
| func

The ARIA role of the button element.

Type:string

The size of the button.

Type:'large'
| 'medium'
| 'small'

The tabIndex of the button element.

Type:number

Where to display the linked URL, as the name for a browsing context.

Type:string

The title of the button element.

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.