vue-tags-ball

a 3d tags ball for vue2
361 10
Install
npm install vue-tags-ball
Latest Version:1.2.0
License:MIT
Last Updated:Apr 29, 2023
Links: GitHub  ·  npm
Maintainer: yanthems

VueTagsBall

Description

create a 3d tags ball for vue2

Demo

demo

Install

npm install --save vue-tags-ball

Usage

//Gobal method
import TagsBall from 'vue-tags-ball'
Vue.use(TagsBall)

//Component method
import TagsBall from 'vue-tags-ball'
//...
components: {
    "tags-ball":TagsBall
  },

Example

<tags-ball v-bind:style='{"border":"2px solid black"}' :width='200' :tags='tags'/>

tags is a String[],like {"tag1","tag2","tag3"}.and you can bind your own style.

Warning: just watching the tags and stop,other props only init.

Props

Property Type Description Default
tags Array all the tag []
stop Boolean stop the animation false
width Number init the canvas widht 200
height Number init the canvas height 200
radius Number init the ball radius 100
font String init the tag's label font "24px monaco"
fontMax Number init the tag's label max width 60
color String init the label's color "#fc8457"

Related Packages

hopla

3D model viewer plugin for Vue3 based on 3Dhop (3dhop.net)

246
vue-tags-component

Vue.js 2+ tags component

5,521 25
jr3d-vue2

3D Model Viewer for Vue 2

5,443
@phila/phila-ui-tags

Tags for categorizing, filtering, or identifying content

5,434
spline-vue

Vue2/Vue3 component for Spline scenes.

4,876 8

Version History

Version Released License
1.2.0 MIT
1.1.0 MIT
1.0.0 MIT