Tu View PlusIcon
Tu view plus provides a set of common icons.
Icon Usage
- If you want to use directly like the example, you need to globally register the components before using it.
- If you want to see all available SVG icons please check @tu-view-plus/icons-vue，or the source Icon Collection。
Installation
shell
# NPM
$ npm install @tu-view-plus/icons-vue
# Yarn
$ yarn add @tu-view-plus/icons-vue
# pnpm
$ pnpm install @tu-view-plus/icons-vue# NPM
$ npm install @tu-view-plus/icons-vue
# Yarn
$ yarn add @tu-view-plus/icons-vue
# pnpm
$ pnpm install @tu-view-plus/icons-vueUsing packaging manager
You need import all icons from @tu-view-plus/icons-vue and register them globally.
ts
// main.ts
import * as TuViewPlusIconsVue from '@tu-view-plus/icons-vue'
const app = createApp(App)
for (const [key, component] of Object.entries(TuViewPlusIconsVue)) {
app.component(key, component)
}// main.ts
import * as TuViewPlusIconsVue from '@tu-view-plus/icons-vue'
const app = createApp(App)
for (const [key, component] of Object.entries(TuViewPlusIconsVue)) {
app.component(key, component)
}Basic Usage
tu-icon provides extra attributes for raw SVG icon.
Description Icon
Use prefix and suffix to set the pre and post content of icons