Skip to content

Block 07 of 260

Form Hero

Headline and checklist beside a real sign-up form with name, email and interest dropdown that posts to your handler.

Puck key
HeroFormBlock
Export
heroFormBlock
React component
<HeroForm />
Path
components/puck/hero-form-block.tsx
Dependencies
None

Editor fields

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

  • Eyebrowtext
  • Headingtextarea
  • Heading levelselect
  • Bodytextarea
  • Checklistarray
  • Form titletext
  • Form action URLtext
  • Name field labeltext
  • Email field labeltext
  • Interest field labeltext
  • Interest optionsarray
  • Button texttext
  • Privacy notetextarea