TextHighlight

使用法

text と highlight の文字列を渡して一致させます。

以下の例では、文字列 Gutenberg が二回ハイライトされます。

import { TextHighlight } from '@wordpress/components';
const MyTextHighlight = () => (
   <TextHighlight
   text="Why do we like Gutenberg? Because Gutenberg is the best!"
   highlight="Gutenberg"
   />
);

プロパティ

コンポーネントは以下のプロパティを受け入れます。

highlight: string

text 内で検索してハイライトする文字列です。大文字と小文字を区別しません。複数の一致が可能です。

• 必須: はい
• デフォルト: ''
  

text: string

指定された highlight の出現をテストするためのテキスト文字列です。

• 必須: はい
• デフォルト: ''