使用法

  1. import { SandBox } from '@wordpress/components';
  3. const MySandBox = () => (
  4.    <SandBox html="<p>Content</p>" title="SandBox" type="embed" />
  5. );

プロパティ

html: string

iframe ドキュメントのボディにレンダリングする HTML。

  • 必須: いいえ
  • デフォルト: “”

onFocus: React.DOMAttributes< HTMLIFrameElement >[ ‘onFocus’ ]

iframe の onFocus コールバック。

  • 必須: いいえ

scripts: string[]

iframe ドキュメントの <body> の下部に <script> タグとして注入するスクリプト URL の配列。

  • 必須: いいえ
  • デフォルト: []

styles: string[]

iframe ドキュメントの <head> に注入する CSS 文字列の配列。

  • 必須: いいえ
  • デフォルト: []

title: string

iframe ドキュメントの <title>。

  • 必須: いいえ
  • デフォルト: “”

type: string

iframe の <html> および <body> 要素に適用する CSS クラス名。

  • 必須: いいえ
  • デフォルト: “”

tabIndex: HTMLElement[ ‘tabIndex’ ]

iframe が受け取る tabindex。

  • 必須: いいえ