Skip to content

stripe/elements-examples

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
css
 
 
img
 
 
js
 
 
 
 
 
 
 
 

Stripe Elements examples

See them in action!

This repository contains examples of stylish forms that use Stripe Elements. These examples illustrate how to handle errors in real-time and style focus states, error states, and placeholders.

Need help with Elements?

In this repo

Common code for handling errors and form submission lives here.

Example 1

Example 1 shows a form that uses the card Element, a custom web font, and a solid icon with a custom color.

Example 2

Example 2 shows a "floaty-label" form that uses individual cardNumber, cardExpiry, and cardCvc Elements with a custom web font.

The form also collects address (and thus postal code) outside of the payment form. It passes the postal code to Stripe on tokenization.

Example 3

Example 3 shows a form that uses individual cardNumber, cardExpiry, and cardCvc Elements with a custom web font.

The form also collects postal code outside of the payment form.

Example 4

Example 4 shows a form that uses the paymentRequestButton Element to provide Apple Pay / Payment Request API support, as well as a card Element with a custom web font.

Example 5

Example 5 shows a form that uses the paymentRequestButton Element to provide Apple Pay / Payment Request API support, as well as a card Element with a custom icon color.