Platform Manager UI

Vue3 components library also shipped as Vue plugin.

Here you can get anything you need to blazingly fast build specialized VirtoCommerce back-office applications.

Design System

• Design inspired from Google Retail UX Playbook
• Atomic Design pattern for components

Core Concepts

ToDo

Atoms

ToDo

Molecules

ToDo

Organisms

ToDo

Code Usage

Connect as Vue plugin to whole App to auto register all UI components:

import { createApp } from "vue";
import App from "./App.vue";
import UI from "@vc-shell/ui";

createApp(App)
  .use(UI)
  .mount("#app");

or use components individually:

import { defineComponent } from "vue";
import { VcButton } from "@vc-shell/ui";

export default defineComponent({
  name: "MyAwesomeComponent",
  components: { VcButton },
});