GridIconProvider

Provides application-wide icon overrides for all descendant grids.

Wrap your application (or part of it) with this provider to customize grid icons across all DataGrid components.

const GridIconProvider: FC<GridIconProviderProps>

Example

// App.tsx or main.tsx
import { GridIconProvider } from '@toolbox-web/grid-react';

const customIcons = {
  expand: '➕',
  collapse: '➖',
  sortAsc: '↑',
  sortDesc: '↓',
  filter: '<svg>...</svg>',
};

function App() {
  return (
    <GridIconProvider icons={customIcons}>
      <Dashboard />
    </GridIconProvider>
  );
}

Available icons to override:

• expand - Expand icon for collapsed items (trees, groups, details)
• collapse - Collapse icon for expanded items
• sortAsc - Sort ascending indicator
• sortDesc - Sort descending indicator
• sortNone - Sort neutral/unsorted indicator
• submenuArrow - Submenu arrow for context menus
• dragHandle - Drag handle icon for reordering
• toolPanel - Tool panel toggle icon in toolbar
• filter - Filter icon in column headers
• filterActive - Filter icon when filter is active
• print - Print icon for print button