出血

範例

當您使用 <Bleed> 包裹您的內容時，它會比容器略寬，並且會在兩側溢出。

沒有什麼好寫的。你所要做的就是坐在打字機前，然後**盡情揮灑**。

— 歐內斯特·海明威

當您想要呈現一些圖形資訊時，它可以提供更好的閱讀體驗，通常在更大的尺寸下看起來更好。

例如，您可以將文字、圖片、影片或任何組件放在裡面

您甚至可以使用 <Bleed full> 使其完全出血

用法

MDX

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

內建組件 API