# @icedesign/qrcode

> 飞冰 二维码组件

Latest version **1.0.5** (published 2019-11-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @icedesign/qrcode
pnpm add @icedesign/qrcode
yarn add @icedesign/qrcode
bun add @icedesign/qrcode
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2019-11-07 |
| First published | 2018-08-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 354 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 231 |
| Maintainers | alvinhui, bindoon, chenbin93, chenjun1011, clarkxia, lip966, noyobo, sobear, temper357, yuanyan, yundong, zeroling |
| Keywords | ice-component |

## Links

- npm: https://www.npmjs.com/package/@icedesign/qrcode
- Repository: https://github.com/ice-lab/react-materials/tree/master/components/qrcode
- Homepage: https://unpkg.com/@icedesign/qrcode@1.0.5/build/index.html
- npm.io page: https://npm.io/package/@icedesign/qrcode

## Dependencies (4)

- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0
- [@alifd/next](https://npm.io/package/@alifd/next.md) ^1.x
- [qrcode.react](https://npm.io/package/qrcode.react.md) ^0.8.0

## Recent versions

- 1.0.5 (latest) — 2019-11-07
- 1.0.0 (next) — 2019-01-09
- 0.1.6 — 2019-05-22
- 1.0.4 — 2019-05-22
- 1.0.3 — 2019-03-04
- 1.0.2 — 2019-03-04
- 1.0.1 — 2019-02-25
- 0.1.5 — 2019-01-07
- 0.1.4 — 2018-11-21
- 0.1.3 — 2018-09-17
- 0.1.2 — 2018-09-12
- 0.1.1 — 2018-08-15
- 0.1.0 — 2018-08-14

## README

---
title: Qrcode
category: Components
chinese: 二维码
---

二维码组件

## 参数（Props）

|  参数名  |    说明    |   必填    |    类型   |  默认值  |  可选值  |
|-------|-----------|----------|---------|---------| -------- |
| value | 二维码的展示内容 | 是 | `string` | 无 |  |
| size | 二维码的尺寸  | 否 | `number` | `128` |  |
| bgColor | 二维码背景色 | 否 | `string` | `#ffffff` |  |
| fgColor | 二维码前景色 | 否 | `string` | `#000000` |  |
| level | 二维码的纠错等级 | 否 | `string` | `L` | [`L`, `M`, `Q`, `H`] |
| text | 二维码下方文案 | 否 | `string` | 无 |  |
| align | 二维码展示位置 | 否 | `string` | `left`| [`left`, `right`, `top`, `bottom`]|
| triggerSize | 触发器 icon 的大小 | 否 | `string` | `medium`| 可选 `xxs`, `xs`, `small`, `medium`, `large`, `xl`, `xxl` |
| triggerStyle | 触发器 icon 的 inline-style | 否 | `object` | `{}`| |

## 子组件

### Qrcode.Panel

直接展示的二维码组件

### 参数（Props）

|  参数  |    说明    |   必填    |   类型   |  默认值  |  可选值  |
|-------|-----------|----------|---------|---------| -------- |
| value | 二维码的展示内容 | 是  | `string` | 无 |  |
| size | 二维码的尺寸 | 否  | `number` | `128` |  |
| bgColor | 二维码背景色 | 否  | `string` | `#ffffff` |  |
| fgColor | 二维码前景色 | 否  | `string` | `#000000` |  |
| level | 二维码的纠错等级 | 否  | `string` | `L` | [`L`, `M`, `Q`, `H`] |
| text | 二维码下方文案 | 否  | `string` | 无 |  |

---
_Source: https://npm.io/package/@icedesign/qrcode · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._