Back to Chakra Ui

Bleed

apps/www/content/docs/components/bleed.mdx

0.3.0-beta510 B
Original Source
<ExampleTabs name="bleed-basic" />

Usage

jsx
import { Bleed } from "@chakra-ui/react"
jsx
<Bleed>
  <div />
</Bleed>

Examples

Vertical

Use the block prop to make the element bleed vertically.

<ExampleTabs name="bleed-vertical" />

Specific Direction

Use the inlineStart, inlineEnd, blockStart, and blockEnd props to make the element bleed in a specific direction.

<ExampleTabs name="bleed-with-direction" />

Props

<PropTable component="Bleed" part="Bleed" />