RUI.next

Misc
QRCode

QRCode

QRCode is the React qr-code generator.

This is a lightweight React demo to use the v-qr-code-next module. Try online version on StackBlitz.

<QRCode mode="image" value="Hello RUI!" />
<QRCode mode="image" value="Hello RUI!" />

Example

Basic usage of QRCode component.

RUI.next

Please scan the QR code to access the examples on mobile/tablet device:


Simple qr-code generator
TypeNumber:
ErrorCorrectionLevel:
Mode:
Wrapper:
Color:

API

PropertiesDescriptionTypeDefault
valuethe value of qr-code, mandatorystring-
numthe type number, optionalnumber8
levelthe error Correction Level, optional value: L, M, Q, HstringL
modethe render mode of qr-code, optional value: image, svg, table, dataurlstringimage
borderwhether to show the border wrapper, optionalbooleanfalse
colorthe color of qr-code, optionalstring-