---
title: "Slots | Docs"
description: "ZingGrid has slots to insert markup."
url: https://www.zinggrid.com/docs/api/slots
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/api/slots.md
mode: provenance
representation: markdown
origin_response_id: 0182a08c2c1dc089c16d41a8ddf90053
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.606Z
version_nonce: 8760c924f5a27530600dea41081ea4a0
generated_at_utc: 2026-11-08T23:36:15.550Z
response_nonce: eee5a0e7d51854a7d623cd853f929a58
```

# Slots

Slots are placeholders inside of a component that allows you to insert your own markup.

### ZingGrid

| Name | Description |
| --- | --- |
| (default) | Grid content or configuration that accepts `<zg-*>` elements that are allowed to be manually inserted. |

### ZGButton

| Name | Description |
| --- | --- |
| (default) | Button content. |
| `icon` | Button icon. Replaces the default slot. |
| `label` | Button label. Use to add a label when using the "icon" slot. |

### ZGCaption

| Name | Description |
| --- | --- |
| (default) | Caption title. |
| `message` | Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]). |
| `tool` | Caption toolbar, which is added to the rightmost of caption by default. |

### ZGCard

| Name | Description |
| --- | --- |
| (default) | Card content. |

### ZGCheckbox

| Name | Description |
| --- | --- |
| (default) | Checkbox label. |

### ZGColgroup

| Name | Description |
| --- | --- |
| (default) | Colgroup content that only accepts columns (ZGColumns). |

### ZGColumn

| Name | Description |
| --- | --- |
| (default) | Custom column content. |

### ZGData

| Name | Description |
| --- | --- |
| (default) | Data content that only accepts data configuration options (ZGParams). |

### ZGDialog

| Name | Description |
| --- | --- |
| (default) | Dialog body content. |

### ZGFooter

| Name | Description |
| --- | --- |
| (default) | Footer content. |

### ZGHeader

| Name | Description |
| --- | --- |
| (default) | header content. |

### ZGIcon

| Name | Description |
| --- | --- |
| `icon` | Icon content. |

### ZGInput

| Name | Description |
| --- | --- |
| (default) | Content after input field. |
| `input` | Content before input field. |

### ZGLoadMask

| Name | Description |
| --- | --- |
| (default) | Loading mask content. |

### ZGMenu

| Name | Description |
| --- | --- |
| (default) | Menu content. Overwrites default menu when `[replace]` is present, else appends to the end of the default menu. Accepts ZGMenuGroup, ZGMenuItem, and ZGSeparator to construct custom menu. |

### ZGMenuGroup

| Name | Description |
| --- | --- |
| `zgMenuGroupItems` | Menu group items that only accepts menu items (ZGMenuItems). |
| `zgMenuGroupLabel` | Menu group label. |

### ZGMenuItem

| Name | Description |
| --- | --- |
| (default) | Menu item content. |

### ZGNoData

| Name | Description |
| --- | --- |
| (default) | No data content. |

### ZGPager

| Name | Description |
| --- | --- |
| (default) | Pager content. If used with the other pager slot, the content is placed beneath the other slots. |
| `center` | Pager content placed in the center. |
| `left` | Pager content placed in the left. |
| `right` | Pager content placed in the right. |

### ZGSource

| Name | Description |
| --- | --- |
| (default) | Source content. |

### ZGText

| Name | Description |
| --- | --- |
| (default) | Text value. |