Skip to content

Block 10 of 260

Donate Hero

Mission line beside a no-JS donation form with preset amount cards, an other-amount field and one-time or monthly choice.

Puck key
HeroDonateBlock
Export
heroDonateBlock
React component
<HeroDonate />
Path
components/puck/hero-donate-block.tsx
Dependencies
None

Editor fields

What content editors see in the P1 sidebar when they select this block.

  • Eyebrowtext
  • Mission linetextarea
  • Heading levelselect
  • Bodytextarea
  • Proof linetext
  • Image URLtext
  • Image alt texttext
  • Form titletext
  • Form action URLtext
  • Currency symboltext
  • Amount field nametext
  • Other amount field nametext
  • Frequency field nametext
  • Preset amountsarray
  • Starts selectedradio
  • One-time labeltext
  • Monthly labeltext
  • Other amount labeltext
  • Button texttext
  • Security notetext