---
title: "HTMLBlockWidget"
slug: "htmlblockwidget"
abstract: "React SDK JSのHTMLBlockWidgetコンポーネントの詳細Sitecore Search"
---
# HTMLBlockWidget

HTMLBlockidgetSitecore Searchインターフェースで設定されたHTMLブロックウィジェットをレンダリングするReactコンポーネントです。

## インポートパス

import { HTMBlockWidget } from '@sitecore-discover/react';

## 例

import { WidgetsProvider, HTMLBlockWidget } from "@sitecore-discover/react";

const MyApp = () => {
 return (
 <WidgetsProvider
 env='<environment>'
 customerKey='<customer key>'
 apiKey='<api key>'
 >
 <HTMLBlockWidget rfkId="<rfkid\_html\_block>" />
 </WidgetsProvider>
 )
};