---
title: "UIコンポーネント参照"
slug: "ui-components-reference"
abstract: ""
---
# UIコンポーネント参照

NPMのコンポーネントパッケージSitecore Search UI、開発者がReactのためにSearch JS SDKと組み合わせて使いやすいカスタマイズ可能なUIコンポーネントが含まれています。

ウィジェットテンプレートはUIコンポーネントで構築されたコンポーネントです。その構造や内容は期待される動作パターンを反映しています。SDKを使ってテンプレートをクエリフックして結果を表示できます。

> !警告UIコンポーネントパッケージ内のすべてのウィジェットテンプレートはデフォルト属性で構築されています。ビジネスやデザインのニーズに合わせてウィジェットテンプレートを修正または変更する必要がある場合があります。属性はCECで確認できます。

[UI Components CLI](https://www.npmjs.com/package/@sitecore-search/cli)パッケージを使って、アプリケーション内でウィジェットテンプレートをインスタンス化できます。これにより開発時間が大幅に短縮されます。

> !注UI Componentsパッケージの使用は任意です。ヘッドレスUIプリミティブセットの有無にかかわらず、自分でUIコンポーネントを作ることができます。

統合を助けるために、以下のトピックを参考にしてください。

-   [ウィジェットテンプレート](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/widget-templates-1332963.html "Widget templates")
-   [テーマとスタイル](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/theme-and-styles/theme-and-styles.html "Theme and styles")
-   [UIユーティリティ](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-utitlities.html "UI utitlities")
-   [プリミティブUIコンポーネント](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/primitive-ui-components.html "Primitive UI components")