VBOX

A polymorphic Vue.js component with a lightweight runtime styling engine

Installation

npm install @veebox/core @veebox/vue

pnpm add @veebox/core @veebox/vue

yarn add @veebox/core @veebox/vue

Then, import and register the plugin globally.

import { createApp } from 'vue';
import App from './App.vue';
import { VBoxPlugin } from '@veebox/vue';

const app = createApp(App);
app.use(VBoxPlugin);
app.mount('#app');

Internally, the plugin registers the VBox component globally. Now you can use the component in your Vue templates to style elements.

<template>
  <v-box
    is="img"
    src="./images/victor-osihmen.jpg"
    alt="Victor Osimhen"
    height="48px"
    width="48px"
    object-fit="cover"
    border-radius="50%"
  />
</template>

Documentation