> For the complete documentation index, see [llms.txt](/llms.txt).
> The full corpus is at [llms-full.txt](/llms-full.txt).

# AnnotationRenderProps

> **AnnotationRenderProps** = `object`

Defined in: packages/editor/src/renderers/renderer.types.ts:128

An annotation's render function. Receives the annotation's `markDef`
object and wraps the styled text it applies to. The engine anchors
the text in a `<span>` outside this render regardless of whether a
render is registered; this render's job is the styling wrapper only.

The render is a plain function call, not a component: do not call
hooks in it. When you need hooks, return an element of your own
component: `render: (props) => <MyAnnotation {...props} />`.

## Properties

### annotation

> **annotation**: [`PortableTextObject`](/api/editor/interfaces/portabletextobject/)

Defined in: packages/editor/src/renderers/renderer.types.ts:135

The annotation's `markDef` object: `{_key, _type, ...fields}`.
Named `annotation`, not `node`, because `path` addresses the span
leaf carrying the annotation; the markDef itself lives in the block's
`markDefs` array.

***

### children

> **children**: `ReactElement`

Defined in: packages/editor/src/renderers/renderer.types.ts:136

***

### focused

> **focused**: `boolean`

Defined in: packages/editor/src/renderers/renderer.types.ts:137

***

### path

> **path**: [`Path`](/api/editor/type-aliases/path/)

Defined in: packages/editor/src/renderers/renderer.types.ts:138

***

### readOnly

> **readOnly**: `boolean`

Defined in: packages/editor/src/renderers/renderer.types.ts:139

***

### renderDefault()

> **renderDefault**: (`props`) => `ReactElement`

Defined in: packages/editor/src/renderers/renderer.types.ts:146

Render this position with the engine's default wrapper.
See [ContainerRenderProps.renderDefault](/api/editor/type-aliases/containerrenderprops/#renderdefault). The default is
identity: the engine applies no annotation markup of its own.

#### Parameters

##### props

`AnnotationRenderProps`

#### Returns

`ReactElement`

***

### selected

> **selected**: `boolean`

Defined in: packages/editor/src/renderers/renderer.types.ts:140