@mui/x-data-grid
Version:
The Community plan edition of the Data Grid components (MUI X).
37 lines • 1.23 kB
TypeScript
import * as React from 'react';
import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
import type { GridSlotProps } from '../../models';
export interface FilterPanelState {
/**
* If `true`, the filter panel is open.
*/
open: boolean;
/**
* The number of active filters.
*/
filterCount: number;
}
export type FilterPanelTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
/**
* A function to customize rendering of the component.
*/
render?: RenderProp<GridSlotProps['baseButton'], FilterPanelState>;
/**
* A function to customize rendering of the component.
*/
className?: string | ((state: FilterPanelState) => string);
};
/**
* A button that opens and closes the filter panel.
* It renders the `baseButton` slot.
*
* Demos:
*
* - [Filter Panel](https://mui.com/x/react-data-grid/components/filter-panel/)
*
* API:
*
* - [FilterPanelTrigger API](https://mui.com/x/api/data-grid/filter-panel-trigger/)
*/
declare const FilterPanelTrigger: React.ForwardRefExoticComponent<FilterPanelTriggerProps> | React.ForwardRefExoticComponent<Omit<FilterPanelTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
export { FilterPanelTrigger };