Docyrus

QrCode

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

Edit on GitHubEditllms.txt

iOSAndroid

Preview QrCode on your device

Scan with Expo Go

iOS Android

Download Expo Go, then scan the QR code to preview native components.

Installation

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

Required Packages(1 package)

pnpm add react-native-qrcode-svg

Usage

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

<QrCode value="https://docyrus.com" />
<QrCode value="https://docyrus.com" size="lg" />

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	Description
`QrCodeProps`	Props for QrCode component
`QrCodeSize`	`'sm' \| 'md' \| 'lg'`

Invoice / quote builder with line items, product and category catalogs, line and global discounts, per-rate VAT summary, secondary currency and draft / save actions — same data model and totals as the web panel.

QueryBuilder

Docyrus query builder for React Native — backend operator catalog, per-operator value editors, async relation pickers and AND/OR/NOT groups that emit the same RuleGroupType JSON as the web builder.

QrCode

Installation

Usage

API Reference

Type Exports

On this page