Stats & values
About Photos
A statement, a lead, two photos and two paragraphs with two buttons, as a split row or three columns.
Layout and motion from the Compose Digi template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "split" | "columns" | "split" | split: the title row (label and statement, the lead at the right), then photo 1 beside a column of photo 2, the paragraphs and the buttons. columns: three columns from 1024px — the label, photo 1 and the lead; the tall photo 2; the statement, paragraphs and buttons. |
| label / title / lead | string | — | A small label (large in columns), the statement (the h2, at the h3 size) and the muted lead. |
| images | [{ src, alt }, { src, alt }] | 2 photos | Photo 1 (545 : 450 in split, 353 : 292 in columns) and photo 2 (it fills the text column's leftover height in split; 500px tall in columns). |
| paragraphs | string[] | 2 paragraphs | Side by side from 1024px in split. |
| actions | { label, href, variant? }[] | 2 buttons | Up to two: the first filled, the second outlined. |
| buttonStyle | "spring" | "flip" | "sweep" | "spring" | The look of the buttons. |
| className | string | — | Classes for the <section>. |
- No motion besides the buttons'. split stacks below 768px; columns runs the first column across both from 768px to 1023px.
