Question: How to insert Html tags inside this particle

[donPuerto]

Got no luck below:

<template>
    <div id="app">
           <vue-particles color="#dedede">
                      <h1>Hello World</h1>
          </vue-particles>
    </div>
 </template>

Any help?

[roslaneshellanoo]

@donPuerto Use the example from vue-particles demo and tweak with css:

<div class="wrap-banner">
      <div class="main-title">
        <h2>
          Vue-Particles
        </h2>
        <p class="subtitle">
          Vue.js component for particles backgrounds
        </p>
        <p class="subtitle">
          SSR compatible
        </p>
        <br>
        <a class="gh-button" target="_blank" href="https://github.com/creotip/vue-particles"><span class="gh-button__icon"></span>Download</a>
      </div>
      <vue-particles
        color="#ffffff"
        :particleOpacity="0.7"
        linesColor="#ffffff"
        :particlesNumber="80"
        shapeType="circle"
        :particleSize="5"
        :linesWidth="2"
        :lineLinked="true"
        :lineOpacity="0.4"
        :linesDistance="150"
        :moveSpeed="3"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="true"
        clickMode="push"
      >
      </vue-particles>

    </div>

[donPuerto]

@roslaneshellanoo do you have working example to follow? thanks...

[kd-s-t]

@donPuerto it doesnt work

[JThinkable]

The important part for me was to use absolute positioning. Something like:

.particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[Alameen688]

The code below works for me #Id not .class

`

`