ブリード

例

<Bleed>でコンテンツをラップすると、コンテナより少し幅広くなり、両側にオーバーフローします。

書くことは何もありません。ただタイプライターの前に座って書くだけです。

—アーネスト・ヘミングウェイ

通常、大きなサイズのほうがきれいに見えるグラフィカル情報を提示する場合、より良い読書体験を提供します。

たとえば、テキスト、画像、ビデオ、または任意のコンポーネントを内側に配置できます。

<Bleed full>を使用して、フルブリードにすることもできます。

使用方法

MDX

import { Bleed } from 'nextra-theme-docs'
 
<Bleed>Hey, I can use **Markdown** syntax here.</Bleed>
 
<Bleed full>![Nextra](https://nextra.dokyumento.jp/og.jpeg)</Bleed>
 
<Bleed full>
  <iframe
    src="https://codesandbox.io/embed/swr-states-4une7"
    width="100%"
    height="500px"
    title="SWR-States"
  />
</Bleed>

組み込みコンポーネント API