Skip to main content

Helper-connectivity

Alert which shows the network status of your device data.

Create your connectivity feature instantly using the v-helper valclass.

Table list connectivities​

Class name
v-connectivity-dark
v-connectivity

The table above presents several types of connectivities with different variants.

Result light​

'image-connect'

index.html
<div class="v-connectivity">
    <span class="v-status"></span>
</div>

Result dark​

&#39;image-connect&#39;

index.html
<div class="v-connectivity-dark">
    <span class="v-status"></span>
</div>