A production component library·Now in private beta
stable Forms

Bricklumen Contact Body

Two-column contact section pairing an info panel of contact-detail blocks with an HTML form (with success and error states).

Sign in to copy
Emailhello@bricklumen.com
Phone(415) 555-0142
Office220 Montgomery St, Suite 400
San Francisco, CA 94104
HoursMon–Fri, 9am–6pm PT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
bricklumen-cbd.tsx 89 lines · TypeScript

The full source is for members

Sign in and choose a plan to view and copy bricklumen-cbd.tsx. The live preview above is free to explore.

Sign in

How to use. Copy bricklumen-cbd.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.

All React components
A Stacklumen Product