블리드

블리드 (Bleed)

요소가 컨테이너의 경계에서 벗어나도록(넘쳐 흐르도록) 만들 때 사용하는 컴포넌트예요. 콘텐츠를 컨테이너 밖으로 확장해 시각적인 흐름을 만들 수 있어요.

출처: 문서

본문

사용법 (Usage)

import { Bleed } from "@chakra-ui/react"

<Bleed>
  <div />
</Bleed>

예제 (Examples)

세로 (Vertical)

block prop을 사용해 요소가 세로 방향으로 넘쳐 흐르도록(bleed) 만들 수 있어요.