1.0.21 • Published 10 months ago

@aplus-frontend/icon v1.0.21

Weekly downloads
-
License
MIT
Repository
-
Last release
10 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

10 months ago

1.0.20

11 months ago

1.0.19

11 months ago

1.0.18

11 months ago

1.0.17

11 months ago

1.0.16

11 months ago

1.0.14

11 months ago

1.0.13

11 months 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