open-index/open-npm huggingface dataset:
npm package: @otezz/heroicons-vue
Description: Vue component for [Heroicons](https://heroicons.com/) aimed for flexibility.
Author: Seto Kuslaksono
Latest version: 0.2.1

# heroicons-vue

Vue component for [Heroicons](https://heroicons.com/) aimed for flexibility.

[![GitHub license](https://img.shields.io/github/license/otezz/heroicons-vue)](https://github.com/otezz/heroicons-vue/blob/master/LICENSE)
[![npm](https://img.shields.io/npm/v/@otezz/heroicons-vue)](https://www.npmjs.com/package/@otezz/heroicons-vue)
![GitHub Workflow Status](https://img.shields.io/github/workflow/status/otezz/heroicons-vue/Unit%20Test)
![Codecov](https://img.shields.io/codecov/c/github/otezz/heroicons-vue)

## Install

```
npm i @otezz/heroicons-vue
```

## Usage

```vue
<template>
  <Heroicons class="w-5 h-5" icon="home" />
</template>

<script>
import Heroicons from '@otezz/heroicons-vue';

export default {
  components: {
    Heroicons,
  },
};
</script>
```

## Props

| Name   | Description | Required | Default value |
| ------ | ----------- | -------- | ------------- |
| `name` | Icon name   | yes      | -             |
| `type` | Icon type   | no       | `medium`      |