QuickFilterClear API

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

Demos

For examples and details on the usage of this React component, visit the component demo pages:

Data Grid - Quick Filter component

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

className

Override or extend the styles applied to the component.

Type:func | string

component

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

Type:elementType

href

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

Type:string

rel

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

Type:string

render

A function to customize rendering of the component.

Type:element | func

target

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

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.