Skip to content
Paramanu v0.1.0-alpha.0

Bleed

Bleed applies negative margins so content can extend into its parent’s padding area.

Basic Usage

Bleeds into parent padding
import { Bleed } from "@paramanu/primitives-react"


export default function App() {
return (
  <div style={{ padding: 32, border: "1px dashed #ccc" }}>
    <Bleed inline="4">
      <div>Bleeds into parent padding</div>
    </Bleed>
  </div>
)
}
<div style="padding: 32px; border: 1px dashed #ccc;">
<div class="pm-bleed pm-bleed--inline-4">
  <div style="background: #e2e8f0; padding: 16px;">Bleeds into parent padding</div>
</div>
</div>