1// Initialize Flux Hosted Fields
 2const flux = new FluxHostedFields(authToken, publicKey);
 3const elements = flux.elements();
 4
 5// Create and mount each field to your DOM
 6elements.create('cardNumber')
 7  .mount('#card-number');
 8
 9elements.create('cardExpiry')
10  .mount('#card-expiry');
11
12elements.create('cardCvv')
13  .mount('#card-cvv');
14
15// Listen for field events
16elements.create('cardNumber')
17  .on('change', ({ brand, complete }) => {
18    console.log(brand); // "visa", "mastercard", etc.
19  });
20
21// Tokenize, card data never touches your server
22const { cardToken, lastFour, cardBrand, error }
23  = await flux.createToken();

 1<!-- Add the SDK -->
 2<script src="https://cdn.fluxpayments.com
 3  /flux-hosted-fields.min.js"></script>
 4
 5<!-- Mount points for hosted iframes -->
 6<form id="payment-form">
 7  <div id="card-number"></div>
 8  <div id="card-expiry"></div>
 9  <div id="card-cvv"></div>
10  <button type="submit">Pay</button>
11</form>
12
13<!-- Each div becomes an origin-isolated
14     iframe on payments.fluxpayments.com.
15     Card data never enters your domain. -->