system
400.wtf

Components / Layout

Bleed

Breaks out of the content columns to the viewport edge.

layer
Layout
phase
DS-3
status
Shipped
runtime
Static

Usage

import Bleed from "@400/ds/components/Bleed";

Source: packages/ds/src/components/Bleed/ · Seen in context

Examples

Both sides side both: edge to edge

Content sits on the columns…

…the bleed runs to the viewport edge.

One side, with text beside side end · span 7 · slot beside

The media runs off one edge; the text keeps the remaining columns.

Volume horizontal de concreto aparente apoiado em pilares afunilados sobre um térreo envidraçado, com gramado e palmeiras à frente.