slidev-addon-qrcode

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

slidev-addon-qrcode

(★ 14)

QR-Code component for sli.dev

slidev-addon-qrcode 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# slidev-addon-qrcode

QR-Code component for [sli.dev](https://sli.dev/)

![example](https://raw.githubusercontent.com/kravetsone/slidev-addon-qrcode/main/example-export/001.png)

```md
---
layout: center
addons:
    - slidev-addon-qrcode
---

# slidev-addon-qrcode

</div>
```

## Installation

```bash
npm i slidev-addon-qrcode
```

### Usage

-   Define this addon in `frontmatter`

```yaml
addons:
    - slidev-addon-qrcode
```

-   or in `package.json`

```json
 "slidev": {
    "addons": [
      "slidev-addon-qrcode"
    ]
  },
```

## Components

### QRCode

```vue
<QRCode
    :width="300"
    :height="300"
    type="svg"
    data="https://sli.dev"
    :margin="10"
    :imageOptions="{ margin: 10 }"
    :dotsOptions="{ type: 'extra-rounded', color: 'purple' }"
    image="/logo.svg"
/>
```

> Find more about options in [qr-code-styling repo](https://github.com/kozakdenys/qr-code-styling/tree/master?tab=readme-ov-file#qrcodestyling-instance)

## Thanks

-   [qr-code-styling](https://github.com/kozakdenys/qr-code-styling) - this addon use it under the hood

slidev-addon-qrcode

slidev-addon-qrcode 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

slidev-addon-qrcode

slidev-addon-qrcode 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README