Bleed

由 nextra-theme-docs 提供的内置组件。

示例

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

There is nothing to writing. All you do is sit down at a typewriter and bleed.

— Ernest Hemingway

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

例如，您可以将文本，图像，视频或者任何组件放入其中：

您甚至可以使用 <Bleed full> 使其完全铺开显示：

Landscape

用法

import Bleed from 'nextra-theme-docs/bleed'
<Bleed>Hey, I can use **Markdown** syntax here.</Bleed>
<Bleed full>
  ![Landscape](https://source.unsplash.com/eaxwP9J_V6s/1600x398)
</Bleed>
<Bleed full>
  <iframe
    src="https://codesandbox.io/embed/swr-states-4une7"
    width="100%"
    height="500px"
    title="SWR-States"
  ></iframe>
</Bleed>