Block 03 of 260
Image Overlay Hero
Full-bleed photo with an adjustable gradient scrim, headline and buttons anchored bottom-left, and an optional photo credit.
- Puck key
- HeroImageOverlayBlock
- Export
- heroImageOverlayBlock
- React component
- <HeroImageOverlay />
- Path
- components/puck/hero-image-overlay-block.tsx
- Dependencies
- None
Editor fields
What content editors see in the P1 sidebar when they select this block.
- Eyebrowtext
- Headingtextarea
- Heading levelselect
- Bodytextarea
- Primary button texttext
- Primary button linktext
- Secondary link texttext
- Secondary linktext
- Image URLtext
- Image alt texttext
- Photo credittext
- Scrim strengthselect