da-ribbon

Componente Ribbon personalizable para Vue.
Ideal para mostrar versiones, etiquetas de entorno (DEV, QA, PROD)..., en cualquiera de las esquinas de un contenedor.

Compatible con proyectos Vue y Quasar.

Características

• Compatible con Vue
• Ligero y sin dependencias adicionales
• Texto personalizable
• Color de fondo configurable
• 4 posiciones disponibles
• Estilos incluidos (scoped)

Instalación

npm install da-ribbon

Uso

<template>
  <div class="contenedor">
    <Ribbon 
      :text="ribbonText"
      color="#c45f5f"
      position="top-right"
    />
  </div>
</template>

<script setup>
import { Ribbon } from "da-ribbon";

const ribbonText = "v1.0.0";
</script>