Mollie Components Examples

This repository contains examples on how to implement Mollie Components. Mollie Components is a set of Javascript APIs that allows you to add the fields needed for card holder data to your own checkout, in a way that is fully PCI-DSS SAQ-A compliant.

See the live demo of these examples here: https://mollie.github.io/components-examples/

Documentation

• Integration guide
• API reference
• Handling errors
• Styling

Examples

• Example 1: Basic example

• Example 2: Floating labels

• Example 3: Vertical layout

• Example 4: Floating labels and additional input fields

• Example 5: Floating labels with status indicators

• Example 6: Single component

Running locally

In order to run the examples you need a webserver. Although its plain HTML, CSS and JavaScript Mollie Components needs a valid hostname (e.g. localhost or 127.0.0.1). For this README example we use the serve package but any other webserver should work just fine.

1. Clone the repo

git clone git@github.com:mollie/components-examples.git

2. Navigate to the the repo

cd components-example

3. Serve the examples via a webserver

npx serve