open-index/open-npm huggingface dataset:
npm package: @katzumi/slidev-addon-blog-card
Description: Slidev add-on BlogCard component
Latest version: 0.0.2

# slidev-addon-blog-card
[Slidev](https://sli.dev/) add-on Blog Card component

![screenshot](example-export/001.png)

## Installation

```console
npm i @katzumi/slidev-addon-blog-card
```

## Slidev Configuration

Define this package into your slidev addons.

In your slides metadata (using Front Matter):

```yaml
addons:
  - "@katzumi/slidev-addon-blog-card"
```

Or in your `package.json`:
```json
{
  "slidev": {
    "addons": [
      "@katzumi/slidev-addon-blog-card"
    ]
  }
}
```

## Components

You can create a link by using the [Blog Card component](#BlogCard).

### BlogCard

```xml
<BlogCard
  url="https://k2tzumi.github.io/schema-driven-development-flow/"
/>
```

Parameters:
* `url` (`string`) : The date will be encoded to the QR code
npm package: @katzumi/slidev-addon-qrcode
Description: Slidev add-on qrcode component
Latest version: 0.0.17

# slidev-addon-qrcode

[Slidev](https://sli.dev/) add-on qrcode component

![screenshot](example-export/001.png)

## Dependencies

- [styled-qr-code](https://www.npmjs.com/package/styled-qr-code)

## Installation

```console
npm i @katzumi/slidev-addon-qrcode
```

## Slidev Configuration

Define this package into your slidev addons.

In your slides metadata (using Front Matter):

```yaml
addons:
  - "@katzumi/slidev-addon-qrcode"
```

Or in your `package.json`:
```json
{
  "slidev": {
    "addons": [
      "@katzumi/slidev-addon-qrcode"
    ]
  }
}
```

## Components

You can create a poll by using the [QRCode component](#QRCode).

### QRCode

```xml
<QRCode
  value="https://github.com/k2tzumi/slidev-addon-qrcode"
  :width="180"
  :height="180"
  color="4329B9"
  image="83095831.png"
/>
```

Parameters:
* `value` (`string`) : The date will be encoded to the QR code
* `width` (`number` , default `200`)  : Size of canvas
* `height` (`number` , default `200`)  : Size of canvas
* `color` (`string` , default `000000`)  : Color code of QR dots
* `image` (`string`)  : The image will be copied to the center of the QR code