`<Bleed>` Component

示例

当使用 <Bleed> 包裹内容时，它将略微超出容器宽度，在两侧溢出显示。

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

— Ernest Hemingway

它在展示一些图形信息时提供更好的阅读体验，因为图形信息通常在更大尺寸下看起来更好。

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

你甚至可以使用 <Bleed full> 让内容完全出血：

用法

MDX


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

<Bleed> Component

示例

用法

`<Bleed>` Component