# TypeDefault

Type default configuration for React applications.

Defines default renderer, editor, and editorParams for a data type
using React function components.

#### Example

```tsx
import type { TypeDefault } from '@toolbox-web/grid-react';

const countryDefault: TypeDefault<Employee, string> = {
  renderer: (ctx) => <CountryFlag code={ctx.value} />,
  editor: (ctx) => (
    <CountrySelect value={ctx.value} onSelect={ctx.commit} />
  ),
};
```

## Properties

| Property | Type | Description |
| -------- | ---- | ----------- |
| `renderer?` | <code>(ctx: <a href="/grid/api/core/interfaces/cellrendercontext/">CellRenderContext</a>&lt;TRow, TValue&gt;) =&gt; ReactNode</code> | React component/function for rendering cells of this type |
| `editor?` | <code>(ctx: <a href="/grid/api/core/interfaces/columneditorcontext/">ColumnEditorContext</a>&lt;TRow, TValue&gt;) =&gt; ReactNode</code> | React component/function for editing cells of this type |
| `editorParams?` | <code>Record&lt;string, unknown&gt;</code> | Default editorParams for this type |
| `filterPanelRenderer?` | <code>(params: <a href="/grid/plugins/filtering/interfaces/filterpanelparams/">FilterPanelParams</a>) =&gt; ReactNode</code> | Custom filter panel renderer for this type. Requires FilteringPlugin. |

### Property Details

#### filterPanelRenderer

Custom filter panel renderer for this type. Requires FilteringPlugin.

Returns JSX to render as the custom filter panel content.
The rendered content is mounted into the filter panel container.

```tsx
filterPanelRenderer: (params) => (
  <MyFilterPanel
    field={params.field}
    uniqueValues={params.uniqueValues}
    onApply={(values) => params.applySetFilter(values)}
    onClear={params.clearFilter}
  />
)
```

---