1.0.21 • Published 12 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
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