> ## 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.

# Lightning Web Component

Embed Coconut Grid directly in Lightning pages using Lightning Web Component.

## Components

The following Lightning Web Component are available.

| Component         | Description                                                      |
| ----------------- | ---------------------------------------------------------------- |
| Coconut Grid Item | Displays a data grid for a specific Item inside a Lightning page |

## Coconut Grid Item

Use the Coconut Grid Item component to display a data grid inside Lightning pages such as Record Page, Home Page, or App Page.

<Steps>
  <Step title="Add component to page">
    Open the Lightning App Builder and add the Coconut Grid Item component.

    * Drag the component onto the page
    * Place it in the desired section
  </Step>

  <Step title="Configure properties">
    Set the component properties.

    * `Item ID` – Specify the Item to display
    * `Tab ID` – Load a specific tab
    * `Height` – Set the component height in px or CSS units
  </Step>

  <Step title="Save and activate">
    Save the page and activate it.

    The data grid is displayed inline within the Lightning page.
  </Step>
</Steps>