# HeaderLabelContext

> _Since v1.4.0_

Context passed to `headerLabelRenderer` for customizing header label content.
The framework handles sort icons, filter buttons, resize handles, and click interactions.

#### Example

```typescript
headerLabelRenderer: (ctx) => {
  const span = document.createElement('span');
  span.innerHTML = `${ctx.value} <span class="required">*</span>`;
  return span;
}
```

## Properties

| Property | Type | Description |
| -------- | ---- | ----------- |
| `column` | <code><a href="/grid/api/core/interfaces/columnconfig/">ColumnConfig</a>&lt;TRow&gt;</code> | Column configuration reference. |
| `value` | <code>string</code> | The header text (from column.header or column.field). |
