Credit Card Svelte Component

Component explain

A simple credit card component based on svelte freamwork component support multi issuers (american express, discover, mastercard, visa, jcb, diners-club) check the web demo at https://svelte-credit-card-component.web.app/

How to use

<script>
  import CreditCard from "./lib/CreditCard.svelte";

  const card_info = {
    card_number: "4546857415124368",
    holder_name: "Steve Carell",
    expiry_date: "26/01",
    cvv: 412,
  };

  const settings = {
    background_color: "#222222",
  };
</script>

<CreditCard {card_info} {settings} />

Result

License

This project is licensed under the MIT License - see the LICENSE file for details

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes