넘침 영역 (Bleed)

예시

<Bleed>로 콘텐츠를 감싸면, 컨테이너보다 약간 더 넓어지고 양쪽으로 넘치게 됩니다.

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

— Ernest Hemingway

이는 그래픽 정보를 제시하고자 할 때 더 나은 읽기 경험을 제공합니다. 일반적으로 더 큰 크기로 보여줄 때 더 보기 좋습니다.

예를 들어, 텍스트, 이미지, 비디오 또는 어떤 컴포넌트든 안에 넣을 수 있습니다:

<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