1.0.21 • Published 10 months ago
@aplus-frontend/icon v1.0.21
Vue3 SVG icon components integrated from @aplus-frontend/icon
can be imported like a component. try it now 🎉
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