Foliotype Contact Form
Contact form block with the form fields, success message, and error message states.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
The full source is for members
Sign in and choose a plan to view and copy foliotype-contact.tsx. The live preview above is free to explore.
How to use. Copy foliotype-contact.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
