# CellEditor

> _Since v0.3.0_

Vue render function or component for cell editing.

Can be either:
- A render function receiving `ColumnEditorContext` and returning a `VNode`
- A Vue component (SFC or defineComponent)

```ts
type CellEditor = (ctx: ColumnEditorContext<TRow, TValue>) => VNode | Component
```

#### Example

```ts
import type { CellEditor, ColumnConfig } from '@toolbox-web/grid-vue';

const statusEditor: CellEditor<Employee, string> = (ctx) =>
  h(StatusSelect, {
    modelValue: ctx.value,
    'onUpdate:modelValue': ctx.commit,
  });
```