> ## 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 コンポーネント

Lightning ページに Coconut Grid を直接埋め込みます。

## コンポーネント

以下の Lightning Web コンポーネントが利用可能です。

| コンポーネント           | 説明                                |
| ----------------- | --------------------------------- |
| Coconut Grid Item | Lightning ページ内に特定のアイテムのデータグリッドを表示 |

## Coconut Grid Item

Coconut Grid Item コンポーネントを使用して、レコードページ、ホームページ、アプリケーションページなどの Lightning ページにデータグリッドを表示します。

<Steps>
  <Step title="コンポーネントを追加">
    Lightning アプリケーションビルダーを開き、Coconut Grid Item コンポーネントを追加します。

    * コンポーネントをページにドラッグ
    * 任意の位置に配置
  </Step>

  <Step title="プロパティを設定">
    コンポーネントのプロパティを設定します。

    * `Item ID` – アイテムレコード ID を指定
    * `Tab ID` – タブレコード ID を指定
    * `Height` – コンポーネントの高さを px または CSS 単位で指定
  </Step>

  <Step title="保存と有効化">
    ページを保存して有効化します。

    Lightning ページ内にデータグリッドが表示されます。
  </Step>
</Steps>