Bleed

示例

当使用 <Bleed> 包裹你的内容时，内容将略微宽于容器，并且会在两侧溢出。

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

— Ernest Hemingway

当你想要呈现一些图形信息时，使用 <Bleed> 可以提供更好的阅读体验，通常在更大的尺寸下显示效果更好。

例如，你可以放置文本、图片、视频或任何组件在内部：

你甚至可以使用 <Bleed full> 来使其全幅显示：

使用

import { Bleed } from 'nextra-theme-docs'
 
<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"
  />
</Bleed>

内置插件 useConfig