# rn-qr-code
URL: /docs/native/docyrus/qr-code

QR code display component with size variants and optional logo overlay.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/rn-qr-code
```

**Dependencies:**
- [react-native-qrcode-svg](https://www.npmjs.com/package/react-native-qrcode-svg)

## Usage

```tsx
import { QrCode } from '@/components/docyrus-native/qr-code';

```

## API Reference

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `value` | `string` | — | QR code content (required) |
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | QR code size |
| `color` | `string` | theme `black` | QR code color |
| `backgroundColor` | `string` | theme `white` | Background color |
| `logo` | `ReactNode` | — | Center logo overlay |
| `className` | `string` | — | Additional CSS classes |

## Type Exports

| Type | Description |
|------|-------------|
| `QrCodeProps` | Props for QrCode component |
| `QrCodeSize` | `'sm' \| 'md' \| 'lg'` |