Web Pattern Library

Github Repo

Menu


Global styles

Global components


Template Structure


Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides

Personalization

My Account / History

Static pages


JavaScript Helpers

Web Pattern Library:

Dialog: Email Forms

Static form

Send an E-Gift Card

Required Field
From
To
Amount ($)

Please enter a whole dollar amount
minimum: $5, maxiumum $500

Message 250 characterscharacter remaining

Dialog workflow

Send to a Friend

Form Markup

Send to a Friend

* Required Field
Please take a moment to review your message.

Hit edit to make any changes. If it’s perfect as is, just hit send and it’ll be on its way.

From
Sloane Macabee (smacabee@yahoo.com)

Cashmere Coral Lane Sweater

Style: 2E0385
Cancel

Form Submit Preview

Send to a Friend

* Required Field
Please take a moment to review your message.

Hit edit to make any changes. If it’s perfect as is, just hit send and it’ll be on its way.

From
Sloane Macabee (smacabee@yahoo.com)
I just saw this and thought you should too!

Cashmere Coral Lane Sweater

Style: 2E0385
Cancel

Form Markup w/ validation errors

Send to a Friend

* Required Field
Please take a moment to review your message.

Hit edit to make any changes. If it’s perfect as is, just hit send and it’ll be on its way.

From
Sloane Macabee (smacabee@yahoo.com)
Please choose a subject.

Cashmere Coral Lane Sweater

Style: 2E0385
Cancel

Response

Message Sent

Thanks for sharing the good life.