CreditCardReader

import { CreditCardReader } from "vadivam-react";

<CreditCardReader />

import { CreditCardReader } from "vadivam-react-native";

<CreditCardReader />

<script setup>
import { CreditCardReader } from "vadivam-vue";
</script>

<template>
  <CreditCardReader />
</template>

<script>
  import { CreditCardReader } from "vadivam-svelte";
</script>

<CreditCardReader />

import { CreditCardReader } from "vadivam-solid";

<CreditCardReader />

import { CreditCardReader } from "vadivam-preact";

<CreditCardReader />

---
import { CreditCardReader } from "vadivam-astro";
---

<CreditCardReader />

import { CreditCardReader } from "vadivam-angular";

<svg vadivamCreditCardReader></svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m5.153 13.017-.96-3.851c-.406-1.63-.61-2.445-.447-3.147a3 3 0 0 1 .955-1.59c.543-.472 1.359-.675 2.989-1.081l3.299-.823c1.63-.406 2.445-.61 3.147-.447a3 3 0 0 1 1.59.955c.472.543.675 1.358 1.081 2.989L18.547 13M4 8.39l12.613-3.145"/><path d="M6.4 13h11.2c1.54 0 2.31 0 2.898.3a2.75 2.75 0 0 1 1.202 1.2c.3.589.3 1.359.3 2.899v.2c0 1.54 0 2.31-.3 2.898a2.75 2.75 0 0 1-1.2 1.203c-.589.3-1.359.3-2.899.3H6.4c-1.54 0-2.31 0-2.899-.3A2.75 2.75 0 0 1 2.3 20.5c-.3-.59-.3-1.36-.3-2.9v-.2c0-1.54 0-2.31.3-2.898A2.75 2.75 0 0 1 3.502 13.3C4.09 13 4.86 13 6.4 13M8 18h8"/>
</svg>

import iconUrl from "vadivam/icons/credit-card-reader.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/credit-card-reader.svg" width="24" height="24" alt="" />