API Reference

FinderPatternOuterSettings

Controls the outer ring of the three square finder patterns in the corners of the QR code.

Props

Prop	Type	Default	Description
`style`	`FinderPatternOuterStyle`	`'square'`	Shape of the outer finder pattern ring.
`color`	`string`	`'#000000'`	Fill color when no parent gradient is set.

Style gallery

vue

<VueQRCode
  :finder-pattern-outer-settings="{
    style: 'rounded-lg',
    color: '#10b981',
  }"
/>

FinderPatternOuterStyle values

type FinderPatternOuterStyle =
  | 'square'       | 'pinched-square'
  | 'rounded-sm'   | 'rounded'      | 'rounded-lg'
  | 'circle'
  | 'inpoint-sm'   | 'inpoint'      | 'inpoint-lg'
  | 'outpoint-sm'  | 'outpoint'     | 'outpoint-lg'
  | 'leaf-sm'      | 'leaf'         | 'leaf-lg'