qrcode.react

qrcode.react.md

qrcode.react

https://github.com/zpao/qrcode.react

$ npm i qrcode.react

import { QRCodeSVG } from 'qrcode.react'

export const QrCode = () => {
  return <Link
    isExternal
    color={'blue'}
    width={200}
    height={200}
    pos={'relative'}
    href={roles[role].link}
  >
    <QRCodeSVG
      value={'https://example.com'}
      width={'100%'}
      height={'100%'}
    />
    <HStack
      pos={'absolute'}
      bottom={-5}
      left={0}
    >
      <FaExternalLinkAlt />
      <Text
        noOfLines={1}
        overflowWrap={'anywhere'}
      >
        {roles[role].link}
      </Text>
    </HStack>
  </Link>
}