Playground

MDX

Playground を読み込んでいます...

使用方法

基本的な使用方法

import { Playground } from 'nextra/components'
 
# Playground
 
Below is a playground component. It mixes into the rest of your MDX perfectly.
 
<Playground source="## Hello world" />

次のように、フォールバックコンポーネントを指定することもできます。

フォールバックを使用した使用方法

import { Playground } from 'nextra/components'
 
<Playground
  source="## Hello world"
  fallback={<div>Loading playground...</div>}
/>

リモートコンテンツカスケードレイヤーのカスタマイズ