1.0.21 • Published 12 months ago

@aplus-frontend/icon v1.0.21

Weekly downloads
-
License
MIT
Repository
-
Last release
12 months ago

Vue3 SVG icon components integrated from @aplus-frontend/icon can be imported like a component. try it now 🎉

NPM Version NPM Downloads NPM License

Install

pnpm add @aplus-frontend/icon -w

Basic Usage

First, you should add the icons that you need into the library. After that, you can use icons in your Vue components as simply as this:

import { IconApOrder } from '@aplus-frontend/icon';
<template>
  <IconApOrder />
</template>;

Custom Icon

Style properties of icon, like fontSize and color

<template>
  <IconApLogistics
    :style="{
      fontSize: '40px',
      display: 'inline-block',
      animation: 'spin 4s linear infinite'
    }"
  />
</template>
<script setup>
import { IconApLogistics } from '@aplus-frontend/icon';
</script>
<style lang="less">
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
</style>

All of icons in the library

You can see more detail in the document

//or you can import all of the icons

import icons from '@aplus-frontend/icon';

Build project

pnpm run build:icons # Build library
1.0.21

12 months ago

1.0.20

1 year ago

1.0.19

1 year ago

1.0.18

1 year ago

1.0.17

1 year ago

1.0.16

1 year ago

1.0.14

1 year ago

1.0.13

1 year ago

1.0.12

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago