出血

示例

当使用 <Bleed> 包裹内容时，它会比容器略宽，并在两侧溢出。

没有什么需要写作的。你所要做的就是坐在打字机前，然后 **出血**。

— 欧内斯特·海明威

当您想要呈现一些图形信息时，它提供了更好的阅读体验，通常在更大的尺寸下看起来更美观。

例如，您可以将文本、图像、视频或任何组件放在里面

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

用法

MDX

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

内置组件 API