> ## Documentation Index
> Fetch the complete documentation index at: https://coconut-grid.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Visualforce Components

Embed Coconut Grid in Visualforce pages using Visualforce components.

## Components

The following Visualforce components are available.

| Component Label | Component Name | Attributes |
| - | - | - |
| Coconut Grid | `CG_App` | |
| Coconut Grid Item | `CG_Item` | `itemId`, `tabId`, `height` |

## Coconut Grid

Use the Coconut Grid component to embed the full Coconut Grid app experience in a Visualforce page.

```xml theme={null}
<CoconutGrid:CG_App />
```

## Coconut Grid Item

Use the Coconut Grid Item component to embed a specific Item in a Visualforce page.

* `itemId` – Required. Specify the Salesforce record ID of the item to display
* `tabId` – Optional. Specify the Salesforce record ID of the initial tab within that item. If omitted, the first tab is selected
* `height` – Optional. Set the component height, for example `600`, `600px`, or `100%`. Numeric values are interpreted as pixels. Percentage heights require a containing element with a defined height

Use record IDs, not item or tab keys. The component displays the item layout; `tabId` selects an initial tab without hiding other tabs or areas. These are component attributes, not URL query parameters.

```xml theme={null}
<CoconutGrid:CG_Item itemId="{!CoconutGrid__CG_Item__c.Id}" height="100%" />
```

```xml theme={null}
<CoconutGrid:CG_Item itemId="{!CoconutGrid__CG_Tab__c.CoconutGrid__CG_Item__c}" tabId="{!CoconutGrid__CG_Tab__c.Id}" height="600px" />
```

To pass item and tab IDs in a URL instead of component attributes, see [Visualforce Pages](https://coconut-grid.mintlify.site/configuration/visualforce-pages.md). For Lightning App Builder, use [Lightning Web Components](https://coconut-grid.mintlify.site/configuration/lightning-web-component.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.