QrCode experimental
Ark UI QrCode 기반 wrapper입니다. QR 코드를 표시하고 저장하기 위한 root, frame, pattern, overlay, download-trigger anatomy를 제공합니다.
Preview
<script lang="ts">
import * as QrCode from '@odbd/svelte/qr-code'
const qrValue = 'https://odbd.design/components/qr-code'
</script>
<QrCode.Root value={qrValue} pixelSize={8} style="max-width: 18rem;">
<QrCode.Frame aria-label="ODBD QR 코드">
<QrCode.Pattern />
</QrCode.Frame>
<QrCode.DownloadTrigger fileName="odbd-qr-code.svg" mimeType="image/svg+xml">
QR 코드 저장
</QrCode.DownloadTrigger>
</QrCode.Root>
Import
Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.
import * as QrCode from '@odbd/svelte/qr-code' import { QrCode } from '@odbd/react/qr-code'