Block 232 of 260
Mesh Gradient CTA
A rounded call-to-action panel over a slowly morphing, grainy four-color mesh gradient in your brand colors.
- Puck key
- MeshGradientCtaBlock
- Export
- meshGradientCtaBlock
- React component
- <MeshGradientCta />
- Files
- components/puck/mesh-gradient-cta-block.tsx
- components/puck/mesh-gradient-cta.client.tsx
- Dependencies
- vgpu
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 button texttext
- Secondary button linktext
- Color 1 (top left)text
- Color 2 (top right)text
- Color 3 (bottom left)text
- Color 4 (bottom right)text
- Text colorradio
- Motionradio