components-examples

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

components-examples

(★ 14)

Examples and reference implementations for Mollie Components

components-examples Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Mollie Components Examples

This repository contains examples on how to implement [Mollie Components](https://docs.mollie.com/guides/mollie-components/overview). 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](https://docs.mollie.com/guides/mollie-components/overview)
- [API reference](https://docs.mollie.com/guides/mollie-components/reference)
- [Handling errors](https://docs.mollie.com/guides/mollie-components/handling-errors)
- [Styling](https://docs.mollie.com/guides/mollie-components/styling)

## Examples

- [Example 1](./example-1/): Basic example

- [Example 2](./example-2/): Floating labels

- [Example 3](./example-3/): Vertical layout

- [Example 4](./example-4/): Floating labels and additional input fields

- [Example 5](./example-5/): Floating labels with status indicators

- [Example 6](./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](https://www.npmjs.com/package/serve) package but any other webserver should work just fine.

1. Clone the repo

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

2. Navigate to the the repo

```bash
cd components-example
```

3. Serve the examples via a webserver

```bash
npx serve
```

components-examples

components-examples Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

components-examples

components-examples Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README