React QR Code

GradientSettings

These are the properties you can use to customize the gradient for the QR code data or background

PropTypeDescriptionDefaultRequiredPossible Values
type
string
The type of gradientYes
linear
radial
stops
GradientSettingsStop[]
The gradient stopsYes
rotation
number
The gradient rotation0No
0 - 360

GradientSettingsStop

PropTypeDescriptionDefaultRequiredPossible Values
offset
string
The gradient stop offset. It should be a percentage including the % sign e.g. 0%, 50%, 100%Yes
color
string
The gradient stop colorYes